Semaltov Google PageSpeed Guide za uporabnike WordPressa
Google PageSpeed Insights (na kratko PSI) je lepo orodje za spletne razvijalce. Njeni nameni so zagotovo dobri, vendar lahko rečemo, da ni primeren za povprečnega lastnika strani WordPress. Čeprav je PageSpeed Insights pred kratkim predstavil posebne komentarje za uporabnike WordPressa, so številni vidiki poročila, ki jih ponuja, preveč tehnični za povprečne uporabnike.
V tem priročniku bomo poskušali "prevesti" in z enostavnimi besedami opisati, o čem govori PageSpeed, in razložili vam bomo, katere komentarje je treba obravnavati in obravnavati in katere ne. Ta del vodnika bo osredotočen le na razumevanje in analizo laboratorijskih podatkov. V drugem članku pa bomo govorili o istih predlogih in priložnostih za izboljšave, ki jih ponuja PSI.
Osnovna težava, ki jo skuša odpraviti PageSpeed Insights
V zadnjem času je priljubljenost spletnih mest WordPress in drugih sistemov za upravljanje vsebin čudežno narasla. Ti omogočajo uporabnikom z minimalnim znanjem o razvoju ali tistim, ki sploh ne poznajo zadeve, graditi strani, katerih način gradnje je v nasprotju z osnovnimi pravili o delovanju strani.
Pomemben vpliv imajo tisti graditelji strani, ki vsem, ki nimajo znanja o razvoju spletnih strani, omogočajo. Dejstvo je, da če ustvarite preprosto in lahko spletno mesto, bo samodejno dobilo višjo oceno teh orodij, še pomembneje pa je, da bo deskarjem veliko hitrejše in s tem boljša uporabniška izkušnja.
Google poskuša spodbuditi dobro uporabniško izkušnjo in odpraviti te težave, med drugim s projektom, za katerega ste verjetno že slišali, imenovanim AMP. Google pravi: "Podjetje, če na svoje spletno mesto dodate neželeno vsebino, poglejmo vsaj, kaj lahko storimo, da zmanjšamo njen vpliv na hitrost in čas nalaganja."
Poleg tega mora Google, katerega poslovni model sta oglaševanje in storitve, poskrbeti za izboljšanje hitrosti spletnih mest in uporabniške izkušnje v spletu. V nasprotnem primeru bodo zaprte platforme, kot je Facebook, ki ponujajo tudi oglase, požrle še večji del svojih prihodkov.
Kako razumem informacije, ki jih prikaže Google PageSpeed?
Googlovo orodje za testiranje hitrosti trenutno temelji na Svetilniku in vsako spletno mesto ocenjuje na podlagi sklopa pravil. Ta pravila veljajo za vsako spletno mesto ne glede na ciljno skupino, vsebino ali namen.
PageSpeed Insights ponuja poročila o uspešnosti spletnega mesta v mobilnih napravah in namiznih računalnikih ter informacije o priložnostih in predlogih za izboljšanje učinkovitosti pregledane strani.
Podatki o površini v primerjavi z laboratorijskimi podatki (podatki o preskusih)
PSI zagotavlja laboratorijske podatke, pa tudi terenske podatke. Samo spletna mesta s posebej velikim prometom bodo prejemala informacije v razdelku, ki se imenuje podatki o območju, zato vam ni treba skrbeti, če jih ne prejmete.
V trenutnem prispevku ne bomo razširili terenskih podatkov, vendar naj bi laboratorijske podatke, o katerih bomo govorili, zbirali v nadzorovanem okolju z uporabo vnaprej določenih naprav in nastavitev fiksnega omrežja.
Laboratorijski podatki so tisti, ki so pomembni za spremljanje težav, odpravljanje napak in optimizacijo, ker se ti konceptualno ne spreminjajo. Laboratorijski podatki zagotavljajo več informacij kot podatki o območju, vendar ne zagotavljajo ozkih grl, ki bi jih bilo mogoče ustvariti v resničnem svetu in vplivati na delovanje spletnega mesta.
Kako uporabljati Google PageSpeed?
Preden začnemo, je rečeno, da je prvi korak k osmislitvi poročila, ki ga je predstavil Svetilnik, vedeti, da morate za podrobne informacije o njem klikniti puščico, ki se prikaže ob vsakem komentarju.
Poglobiti se morate, da razumete in vidite težave, ki jih predstavlja poročilo, in mislim, da je to razumljivo. Začnimo s splošnim rezultatom, ki ga zagotavlja PSI. Prepričan sem, da večina od vas ne ve natančno, kaj ta rezultat odraža ...
Skupni rezultat
PageSpeed - Splošna ocena: Skupna ocena, ki jo nudi PageSpeed, povzema uspešnost strani po številu in barvi. Rezultat se določi z zagonom Svetilnika in zagotavlja tako imenovane "sterilne" laboratorijske podatke na isti strani, ki se preskuša.
Ena od težav s PageSpeed je prikaz rezultata v barvi in številki, ki je ne more razumeti vsak. Zelena barva=dobra, rdeča barva=ni dobra. Zaradi uporabe te metode in nerazumevanja pomena skupne ocene so ljudje razočarani, ker je zmogljivost njihove strani "domnevno" nizka in nimajo pojma, kako bi to natančno popravili.
Ker večina uporabnikov meni, da nekaj manj kot zeleno ni dovolj dobro, si ljudje poročilo napačno razlagajo. Torej enkrat za vse uredimo stvari ... € ¦
Kako razlagati skupni rezultat
Če vseeno dobite zeleno barvo, to pomeni, da je vaše spletno mesto v najvišjem odstotku glede optimizacije in ne pove veliko o dejanski hitrosti spletnega mesta.
Ocena 100 je najboljša ocena, ki jo lahko dobite, in predstavlja 98. percentil - spletno mesto z (na videz) dobro uspešnostjo. Ocena 50 predstavlja 75. percentil - to pomeni, da je vaše spletno mesto prejelo oceno, višjo od 75% strani, ki jih je Google preveril, in ne pove nič o dejanski hitrosti.
Ocena 90 ali več se šteje za dobro oceno, 50–90 velja za povprečno, pod 50 pa za nizko.
Zato večina spletnih mest ne bo dobila zelene ocene. Povprečno spletno mesto WordPress, ki ga je izdelal graditelj strani s povprečnimi tehničnimi zmožnostmi, verjetno ne bo dobilo visokih rezultatov. In kljub njihovi optimizaciji imajo ta spletna mesta običajno veliko elementov, ki škodujejo rezultatu.
Za kaj se uporablja PSI?
PSI ponuja povratne informacije in priložnosti za izboljšave, ki vam bodo pomagale odpraviti težave, ki imajo ta negativni vpliv. Isti "testni podatki" (laboratorijski podatki), o katerih bomo kmalu govorili, dajejo ažurne informacije v smislu urnikov.
Na primer, ko je vaša stran prikazana deskarju in ko lahko deskar začne izvajati dejanja na isti strani. To so posebne meritve, ki vplivajo na skupni rezultat.
Laboratorijski podatki - Svetilnik
Če nameravate preizkusiti Lighthouse prek orodij za razvijalce Chrome, poskrbite, da to storite v oknu, v katerem ni omogočena razširitev brskalnika.
Razširimo te laboratorijske podatke in jih opišimo enega za drugim. Na splošno je vaš cilj v okviru teh podatkov, da je vsak čim krajši:
1. Predstavitev začetne vsebine - First Contentful Paint
Začetni prikaz vsebine (FCP) je merjenje časa od trenutka, ko je stran zahtevana, do trenutka, ko brskalnik upodobi prvi bit v DOM-u. To je za uporabnika pomemben mejnik, ker zagotavlja povratne informacije za nalaganje strani.
Z drugimi besedami, brskalnik mora obdelati kodo strani, da jo prikaže. Izraz "Paint" se nanaša na postopek dejanskega prikaza pikslov na zaslonu. Začetna slika prikaza vsebine opisuje, kako dolgo je trajalo, da se na zaslonu deskarja prikaže kakršna koli vsebina, bodisi besedilo, slika ali katera koli druga vsebina.
2. Predstavitev glavne vsebine - Prva smiselna barva
Slika glavne vsebine (FMP) poskuša prepoznati čas, ko deskar meni, da je glavna vsebina strani prikazana zanj. Seveda tovrstni preizkus ne more natančno vedeti, kaj je glavna vsebina in zato ni natančen.
Na splošno Lighthouse to opredeljuje kot čas, ko se poleg časa nalaganja spletnih pisav naredi najpomembnejša sprememba kritičnega dela strani (nad vsebino pregiba).
3. Indeks hitrosti
Indeks hitrosti je precej podoben dvema prejšnjima meritvama, ki smo jih opisali. Na splošno kaže, kako hitro je vsebina strani prikazana deskarju in je tudi tehtana v skladu z enakimi prejšnjimi meritvami, ki smo jih omenili. Seveda nižji rezultat=boljši.
4. Prvi CPU v stanju pripravljenosti - Prvi CPU v mirovanju
Ta slika (FCI) in naslednja slika, imenovana "Čas do interaktivnosti", se nanašata na hitrost, s katero lahko uporabnik izvaja dejanja na zadevni strani. Če poskuša izvesti dejanje, medtem ko brskalnik obdeluje kodo, naj bi šlo za pritisk gumba. Potem bo moral kar nekaj počakati, dokler se dejanje ne izvede ali pa se dejanje sploh ne izvede.
Številka neaktivnosti procesorja prikazuje, kako dolgo traja, da je stran interaktivna, torej da doseže stanje, ko lahko uporabnik komunicira z večino elementov na strani in dobi primeren odzivni čas.
5. Čas za interakcijo
Slika Čas do interaktivnosti (TTI) meri, kako dolgo traja, da je stran popolnoma interaktivna pri interakciji z elementi na isti strani, kot je klik gumba, da dobite hiter odziv (približno 50 ms).
Interaktivnost strani se meri z več dejavniki:
- Na strani je prikazana vsebina, pomembna za uporabnika (ponderirana glede na podatke, prikazane v začetni vsebini).
- Vodniki dogodkov so navedeni za večino vidnih elementov.
- Stran se odzove na dejanja uporabnika v približno 50 ms.
Obstaja kar nekaj spletnih mest, ki optimizirajo tako, da se vsebina prikazuje hitreje, a na račun interaktivnosti, kar lahko uporabniku povzroči frustracije. Zdi se, da je spletno mesto v celoti naloženo, a ko uporabnik poskuša izvesti kakršno koli dejanje, se nič ne zgodi.
6. Največja možna zamuda prvega vnosa
Največja vrednost prve zakasnitve vnosa je povezana s časom, ki je potreben, da brskalnik izvede najdaljšo operacijo, na primer to bo upočasnilo hitrost odziva uporabnikovega klika.
Na primer, če je brskalnik zaposlen z obdelavo določenega JavaScript-a na strani (ki ni asinhron), verjetno ne boste mogli izvajati določenih operacij, dokler obdelava ni končana.
V zaključku
V tem delu vodnika smo govorili o laboratorijskih podatkih, ki nam jih ponuja PageSpeed, in razložili pomen vsakega od teh podatkov. Kot smo obljubili kmalu, se bomo podrobno pogovorili o vsaki priložnosti ali komentarjih, ki nam jih ponuja PageSpeed Insights.
Zadnje besede -Ne zmešajte se, če želite doseči najvišje ocene, poskrbite, da bo čas nalaganja strani vašega spletnega mesta razumen + ni nenavadno počasen, tako da vpliv na uporabniško izkušnjo ni pomemben. Ne pozabite, da ocena 50 pomeni, da je stanje optimizacije vašega spletnega mesta boljše od 75% pregledanih strani.
In ko pridete do te točke, se osredotočite na kakovostno vsebino in vlagajte v druge parametre, vključene v tehnični SEO. Če nimate potrebnega znanja s tega področja, se obrnite na strokovnjaki Semalta. V kratkem boste imeli zahvaljujoč paket autoSEO.
Ta paket SEO je pravi "full house" za spletno podjetje, katerega cilj je:
- Izboljšajte vidnost svojega spletnega mesta
- Optimizirajte vsako stran svojega spletnega mesta za boljše stopnje konverzije
- Vzpostavljanje kakovostnih povezav
- Poiščite ustrezne ključne besede
- Pripravite podrobno poročilo o spletni analitiki
Če je vse to dobro opravljeno na vaši spletni strani, verjemite mi, da četudi bo ocena strani PageSpeed nižja od te, boste na koncu dobro uvrščeni ... potem pa veliko sreče!