Semaltov Google PageSpeed vodič za korisnike WordPressa
Google PageSpeed Insights (skraćeno PSI) lijep je alat za web programere. Namjere su joj sigurno dobre, ali može se reći da nije prikladna za prosječnog vlasnika WordPress stranice. Iako su PageSpeed Insights nedavno predstavili specifične komentare za korisnike WordPressa, mnogi aspekti izvješća koje pruža su previše tehnički za prosječne korisnike.
U ovom ćemo vodiču pokušati "prevesti" i jednostavnim riječima opisati o čemu govori PageSpeed te ćemo vam objasniti koje komentare treba adresirati i tretirati, a koje ne. Ovaj će se dio vodiča usredotočiti samo na razumijevanje i analizu laboratorijskih podataka. Međutim, u drugom ćemo članku govoriti o istim prijedlozima i mogućnostima za poboljšanje koje nudi PSI.
Osnovni problem koji PageSpeed Insights pokušava iskorijeniti
U novije vrijeme popularnost WordPress stranica i ostalih sustava za upravljanje sadržajem čudesno je porasla. Oni omogućuju korisnicima s minimalnim znanjem o razvoju ili onima koji uopće ne poznaju tu temu, izgradnju web stranica čiji je način izrade u suprotnosti s osnovnim pravilima izvedbe web stranica.
Oni koji grade stranice koji omogućuju svima koji nemaju znanja u razvoju web stranica imaju značajan utjecaj. Činjenica je da ako napravite jednostavnu i laganu web stranicu, ona će automatski dobiti veću ocjenu u tim alatima, a što je još važnije, bit će mnogo brža za surfere, a samim time i korisničko iskustvo.
Google pokušava potaknuti dobro korisničko iskustvo i iskorijeniti ove probleme, između ostalog kroz projekt za koji ste vjerojatno čuli pod nazivom AMP. Google kaže "tvrtka, ako na svoju web lokaciju dodate smeće, onda barem da vidimo što se može učiniti kako bi se smanjio njezin utjecaj na brzinu i vrijeme učitavanja."
Osim toga, Google - čiji su poslovni model oglašavanje i usluge - mora osigurati poboljšanje brzine web mjesta i korisničkog iskustva na webu. Inače, zatvorene platforme poput Facebooka, koje također nude oglase, pojest će još veći udio svog prihoda.
Kako razumijem informacije koje Google PageSpeed prikazuje?
Googleov alat za ispitivanje brzine trenutno se temelji na Lighthouseu i procjenjuje svaku web stranicu na temelju skupa pravila. Ta se pravila primjenjuju na svaku web stranicu bez obzira na ciljnu publiku, njezin sadržaj ili svrhu.
PageSpeed Insights pruža izvješća o izvedbi web mjesta na mobilnim uređajima i stolnim računalima te pruža informacije o mogućnostima i prijedlozima kako poboljšati izvedbu pregledane stranice.
Podaci o površini u odnosu na laboratorijske podatke (podaci o ispitivanju)
PSI pruža laboratorijske podatke kao i podatke na terenu. Samo web mjesta s posebno velikim prometom primat će informacije u odjeljku zvanom podaci o površini, tako da nema potrebe za brigom ako ih ne primite.
Nećemo proširiti terenske podatke u trenutnom postu, ali kaže se da se laboratorijski podaci, o kojima ćemo razgovarati, prikupljaju u kontroliranom okruženju pomoću unaprijed definiranih uređaja i postavki fiksne mreže.
Laboratorijski podaci su oni koji su relevantni u korist praćenja problema, uklanjanja pogrešaka i optimizacije, jer se oni konceptualno ne mijenjaju. Laboratorijski podaci pružaju više informacija od podataka o površini, no oni ne pružaju uska grla koja se mogu generirati u stvarnom svijetu i utjecati na performanse web mjesta.
Kako koristiti Google PageSpeed?
Prije nego što započnemo, rečeno je da je prvi korak ka razumijevanju izvješća koje je predstavio Lighthouse znati da morate kliknuti strelicu koja se pojavljuje pored svakog komentara da biste dobili detaljne informacije o njemu.
Morate dublje kopati da biste razumjeli i vidjeli probleme koje izvještaj predstavlja i pretpostavljam da je to razumljivo. Počnimo s ukupnom ocjenom koju PSI daje. Prilično sam siguran da većina vas ne zna točno što ova ocjena odražava ...
Ukupni rezultat
PageSpeed - Općenita ocjena: Ukupna ocjena koju pruža PageSpeed sažima izvedbu stranice prema broju i boji. Rezultat se određuje pokretanjem Svjetionika i pruža takozvane "sterilne" laboratorijske podatke na istoj stranici koja se ispituje.
Jedan od problema sa PageSpeed-om je prikazivanje rezultata u nekoj boji i broju koje ne mogu svi razumjeti. Zelena boja=dobra, crvena boja=nije dobra. Korištenje ove metode i nerazumijevanje značenja ukupne ocjene čine ljude frustriranima što je izvedba njihove web stranice "navodno" niska i nemaju pojma kako to točno popraviti.
Budući da većina korisnika misli da nešto manje od zelenog nije dovoljno dobro, ljudi pogrešno tumače izvješće. Pa hajde da jednom dovedemo stvari u red ... € ¦
Kako protumačiti ukupni rezultat
Ako dobijete zeleno, to znači da je vaša web lokacija u najvišem postotku u smislu optimizacije i ne govori puno o stvarnoj brzini web stranice.
Rezultat 100 je najbolji rezultat koji možete dobiti i predstavlja 98. percentil - mjesto s (očito) dobrom izvedbom. Ocjena 50 predstavlja 75. percentil - to znači da je vaša web lokacija dobila ocjenu veću od 75% web lokacija koje je Google provjerio i ne govori ništa o stvarnoj brzini.
Ocjena od 90 ili više smatra se dobrom ocjenom, 50-90 smatra se prosječnom, a ispod 50 smatra se niskom.
Stoga većina web lokacija neće dobiti zeleni rezultat. Prosječna WordPress web stranica koju je izradio graditelj web stranica sa prosječnim tehničkim mogućnostima vjerojatno neće dobiti visoku ocjenu. I unatoč njihovoj optimizaciji, ove web stranice obično imaju puno elemenata koji štete postignutom rezultatu.
Za što se koristi PSI?
PSI pruža povratne informacije i mogućnosti za poboljšanje kako bi vam pomogao riješiti probleme koji imaju ovaj negativan utjecaj. Isti "testni podaci" (laboratorijski podaci), o kojima ćemo uskoro razgovarati, pružaju ažurne informacije u smislu rasporeda.
Na primjer, kada se vaša stranica prikazuje surferu i kada surfer može početi izvoditi radnje na istoj stranici. To su specifična mjerenja koja utječu na ukupni rezultat.
Podaci o laboratoriju - Svjetionik
Ako planirate pokrenuti test Svjetionika putem Chrome Developer Tools - pobrinite se da to učinite u prozoru u kojem nije omogućeno proširenje preglednika.
Proširimo te laboratorijske podatke i opišimo ih jedan po jedan. Općenito, vaš je cilj u kontekstu ovih podataka učiniti svaki što kraćim:
1. Predstavljanje početnog sadržaja - First Contentful Paint
Početni prikaz sadržaja (FCP) mjeri vrijeme od trenutka kada se traži stranica do trenutka kada preglednik generira prvi bit u DOM-u. Ovo je važna prekretnica za korisnika jer pruža povratne informacije za učitavanje stranice.
Drugim riječima, preglednik mora obraditi kod stranice da bi ga prikazao. Izraz "Boja" odnosi se na postupak stvarnog prikazivanja piksela na ekranu. Početna slika prikaza sadržaja opisuje koliko je vremena trebalo bilo kojem sadržaju, bilo da se radi o tekstu, slici ili bilo kojem drugom sadržaju, na ekranu za surfera.
2. Predstavljanje glavnog sadržaja - Prva značajna boja
Slika glavnog prikaza sadržaja (FMP) pokušava identificirati vrijeme kada surfer osjeća da je glavni sadržaj stranice prikazan za njega. Naravno, ova vrsta testa ne može znati koji je točno glavni sadržaj i stoga nije točna.
Općenito, Lighthouse to definira kao vrijeme kada se vrši najvažnija promjena na kritičnom dijelu stranice (Iznad preklopnog sadržaja) uz vrijeme učitavanja web fontova.
3. Indeks brzine
Indeks brzine prilično je sličan dvama prethodnim mjerenjima koja smo opisali. Općenito pokazuje koliko se brzo sadržaj stranice prikazuje surferu, a također se ponderira prema istim prethodnim mjerenjima koja smo spomenuli. Naravno, niži rezultat=bolji.
4. Prvi CPU u stanju mirovanja - Prvi CPU u mirovanju
Ova slika (FCI) i sljedeća slika pod nazivom "Vrijeme do interakcije" odnose se na brzinu kojom korisnik može izvoditi radnje na dotičnoj stranici. Ako pokuša izvršiti radnju dok preglednik obrađuje kôd, kaže se da je to pritiskanje gumba. Tada će ili morati prilično pričekati dok se radnja ne izvede ili se radnja uopće ne izvede.
Broj neaktivnosti CPU-a pokazuje koliko je potrebno da stranica postane interaktivna, tj. Da se postigne stanje u kojem korisnik može komunicirati s većinom elemenata na stranici i dobiti razumno vrijeme odziva.
5. Vrijeme za interaktivnost
Slika Vrijeme do interaktivnosti (TTI) mjeri koliko je potrebno stranici da postane potpuno interaktivna tijekom interakcije s elementima na istoj stranici, poput klika na gumb da biste dobili brzi odgovor (oko 50 ms).
Interaktivnost stranice mjeri se pomoću nekoliko čimbenika:
- Stranica prikazuje sadržaj relevantan za korisnika (ponderiran prema podacima prikazanim u početnom sadržaju).
- Obrađivači događaja navedeni su za većinu vidljivih elemenata.
- Stranica odgovara na radnje korisnika u roku od oko 50 ms.
Postoji nekoliko web lokacija koje optimiziraju tako da se sadržaj prikazuje brže, ali na štetu interaktivnosti, što može stvoriti frustraciju za korisnika. Čini se da je web lokacija u potpunosti učitana, ali kada korisnik pokuša izvršiti bilo koju radnju, ništa se ne događa.
6. Maksimalno potencijalno kašnjenje prvog ulaza
Maksimalna prva brojka kašnjenja unosa povezana je s vremenom potrebnim da preglednik izvrši najdužu operaciju, na primjer, to će odgoditi brzinu odgovora na klik korisnika.
Na primjer, u slučaju da je preglednik zauzet obrađivanjem određenog JavaScript-a na stranici (koji nije asinkron), vjerojatno nećete moći izvršiti određene operacije dok obrada ne završi.
U zaključku
U ovom dijelu vodiča govorili smo o laboratorijskim podacima koje nam pruža PageSpeed i objasnili značenje svakog od tih podataka. Kao što smo i obećali, detaljno ćemo razgovarati o svakoj prilici ili komentaru koji nam pruža PageSpeed Insights.
Posljednje riječi -Nemojte poludjeti da biste postigli najviše ocjene, pobrinite se da vrijeme učitavanja stranica vašeg web mjesta bude razumno + nije neobično sporo, tako da utjecaj na korisničko iskustvo nije značajan. Imajte na umu da ocjena 50 znači da je status optimizacije vašeg web mjesta bolji od 75% pregledanih web mjesta.
A nakon što dođete do ove točke, usredotočite se na kvalitetan sadržaj i uložite u ostale parametre uključene u tehnički SEO. Ako nemate potrebno znanje iz referentnog područja, kontaktirajte stručnjaci Semalta. Za kratko ćete vrijeme imati izvrsne rezultate zahvaljujući autoSEO paket.
Ovaj SEO paket pravi je "full house" za internetsku tvrtku koja ima za cilj:
- Poboljšajte vidljivost svoje web stranice
- Optimizirajte svaku stranicu svoje web stranice za bolje stope konverzije
- Izgradnja kvalitetnih poveznica
- Potražite relevantne ključne riječi
- Napravite detaljno izvješće o web analitici
Ako se sve ovo dobro izvede na vašoj web stranici, vjerujte mi da ćete, čak i ako je PageSpeed rezultat na vašoj web stranici niži od toga, na kraju biti dobro rangirani ... onda sretno!