Cum să fii în fruntea instrumentului Google PageSpeed ​​Insights?

Introducere

Este întotdeauna un sentiment bun să fii deasupra oricărui lucru. Viteza paginii Google este ceva care afectează într-o mare măsură performanța site-ului dvs. Viteza paginii Google este viteza de încărcare a site-ului dvs. în general. Trebuie să vă asigurați că reduceți elementele care îngreunează site-ul dvs. În acest fel, puteți crește viteza paginii site-ului dvs. și puteți să vă poziționați înalt. Acest lucru se adaugă și la clasamentul general SEO. Să vedem în acest articol cum să deducem esența Google Page Speed ​​Insights și să formulăm și să implementăm algoritmii cei mai potriviti pentru a ajunge în topul testului de viteză a paginii Google !

1. Google Page Speed ​​Insights

După navigarea în 900.000 de reclame, analiștii de la Google Page Speed ​​Insights au descoperit că pagina obișnuită de prezentare portabilă se adună în 22 de secunde umilitoare. Aceasta este de mai multe ori mai mult decât vor rezista majoritatea clienților web anxioși înainte de a renunța la o pagină - 53% pentru a fi corect. În cazul în care pagina dvs. durează peste 3 secunde pentru a se stivui, cea mai mare parte a potențialilor dvs. părăsesc înainte de a o observa. De parcă nu ar fi suficient de groaznic, statisticile paginii au descoperit că, cu fiecare moment chinuitor, o pagină nu se stivuiește, mulți alți oaspeți vor sări peste.

Cu ajutorul învățării automate în inovare de la SOASTA, oamenii de știință au găsit o legătură între timpul de încărcare, greutatea paginii (măsură în date) și rata de transformare. În principiu, „mai greu” înseamnă mai lent. În special, atunci când numărul de componente (conținut, imagini și așa mai departe) de pe pagină crește de la 400 la 6.000, șansele dvs. de a trece peste un oaspete scade cu 95%.

Cu toate acestea, dacă pagina dvs. se adună treptat, identificarea problemei nu este în toate cazurile simplă. În timp ce măsura Vitezei paginii Google care influențează conținutul și numărul de imagini sunt inițial vizibile, probleme precum JavaScript inutil și prea multe abateri nu sunt.

2. Inferențe Google PageSpeed ​​Insights

Google PageSpeed ​​Insights este un instrument care vă permite să testați rapid și fără efort viteza unei pagini de site. Din fericire, este un instrument gratuit pe care îl poți folosi pentru a descoperi exact ce moderează timpul de încărcare a paginii tale. Introducând o adresă URL și apăsând pe „Analizați” veți obține rapid un raport detaliat despre ceea ce atenuează pagina respectivă a site-ului, în funcție de doi parametri, complet cu sugestii despre cea mai bună modalitate de a rezolva problema.

• Parametrul 1: Timpul până la încărcarea deasupra pliului. Aceasta este măsura timpului necesar unui program pentru a reda conținutul chiar sub fold după ce un client solicită acest lucru.
• Parametrul 2: Timpul până la încărcarea completă a paginii. Acesta este timpul necesar unui browser pentru a reda complet o pagină după ce un client o solicită.

Deci, cum vă evaluează PageSpeed ​​Insights site-ul? Este nevoie de o privire asupra părților autonome ale sistemului de execuție a paginii: aranjarea serverului, structura HTML a unei pagini și utilizarea acesteia a activelor externe, de exemplu, imagini, JavaScript și CSS.

Testarea site-ului dvs. cu PageSpeed ​​Insights poate fi o deschidere pentru orice persoană care nu a încercat să-și îmbunătățească site-ul și, în plus, Page Insights oferă o etapă extraordinară de început pentru cei care speră să îmbunătățească execuția site-ului.

Acestea fiind spuse, vă poate trimite, de asemenea, într-o frenezie inutilă atunci când un site revine cu scoruri mai mici decât cele anticipate în Testul de viteză a paginii Google sau recomandări care contravin estimările pe care le-ați configurat pe site-ul dvs. Instrumentul se bazează în prezent pe două măsurători cheie:

1.Prima vopsea satisfăcătoare
2.Prima întârziere de intrare

Cei doi parametri de mai sus sunt punctați în trei moduri diferite:

1.Rapid
2.Medie
3. Încet.

Iată ce înseamnă cele două măsurători într-un limbaj simplu.

2.1.First Contentful Paint (FCP)

FCP este o elaborare a „prima vopsea”, o metrică care estimează când apare orice tencuială în program (chiar și o ajustare a umbririi fundației, de exemplu, ar fi verificată). Valoarea FCP estimează timpul până la punctul în care substanța reală a fost stivuită pe pagină, oferindu-vă o evaluare mai valoroasă a întâlnirii cu clienții.

2.2. Întârzierea primei intrări (FIP)

FIP este un parametru important al testului de viteză a paginii Google și implică timpul de încărcare a unui site. Practic este durata de timp de la momentul în care un utilizator comunică cu site-ul dvs. până la momentul în care browserul dvs. începe de fapt să comunice cu browserul.

3. De ce este importantă PageSpeed

Când cineva ajunge pe site-ul tău, ai la dispoziție doar câteva momente pentru a-i atrage atenția și a-l convinge să rămână și să nu sari peste. Substanța de calitate și un subiect atractiv sunt esențiale; cu toate acestea, în cazul în care pagina dvs. se adună treptat, ați putea pierde persoane înainte ca acestea să motiveze o oportunitate de a vă vedea substanța.

Conform Kissmetrics, aproape 50% dintre clienții web anticipează că un site web se va stivui în două secunde sau mai puțin și, în general, vor preda destinațiile care nu se stivuiesc în trei secunde. O sumă de 79 la sută dintre clienții online care întâmpină dificultăți cu execuția site-ului web nu vor reveni pe pagina web pentru a cumpăra din nou și aproximativ 44 la sută dintre ei le-ar spune însoțitorilor dacă au avut o șansă proastă la cumpărături pe web, ceea ce este un impact negativ asupra site-ului dvs. De aceea, PageSpeed este foarte important.

4. Esența PageSpeed ​​Insights

În timp ce viteza paginii este unul dintre cele peste 200 de semne pe care Google le folosește pentru a decide clasamentul general și mai puțin de 1% dintre întrebările de vânătoare sunt influențate de indicatorul de viteză a site-ului, transformările sunt asupra cărora trebuie să te stresezi.

Un site bun cu o viteză mare a paginii le va oferi oaspeților tăi încredere în articolul sau beneficiul tău și îi va convinge să-și predea banii. Execuția paginii este o parte de bază a fiecărui site. Puteți avea o substanță extrem de extraordinară și un site cu aspect plăcut, totuși, în cazul în care stivuirea durează prea mult sau nu este versatil, persoanele vor merge rapid către site-urile rivalilor tăi.

Atunci îți dai seama că este autentic pe motiv că noi, în ansamblu, facem asta. Google PageSpeed ​​Insights poate detalia modul în care funcționează site-ul dvs. și poate oferi răspunsuri pentru creșterea execuției site-ului dvs., a timpului de stivă și a limita cerului de acolo .

5. Care sunt avantajele utilizării Google PageSpeed ​​Insights?

5.1. PageSpeed oferă un raport excepțional de detaliat al descoperirilor sale

Obțineți un raport care arată cum merge site-ul dvs. și ce modificări (dacă sunt fundamentale) trebuie să aplicați. Oferă atât administrații de investigare, cât și de avansare, care sunt extrem de utile pentru a crește viteza site-ului dvs.

5.2. PageSpeed îmbunătățește experiența utilizatorului

Astăzi, numeroase persoane își folosesc telefoanele mobile pentru a vizita site-uri și puteți pierde o cantitate mare de trafic dacă pagina dvs. nu este adaptată pentru dispozitive mobile. Google PageSpeed ​​Insights realizează un raport clar al scorului dvs. actual și vă informează dacă pagina dvs. se referă la etapele mobile sau nu. Puteți utiliza sfaturile sale de execuție pentru a îmbunătăți atât zona de lucru, cât și execuția web mobilă

5.3. PageSpeed include limbi suplimentare

Acest instrument poate fi folosit foarte ușor în diferite limbi, de exemplu, rusă, spaniolă și sârbă.

5.4. PageSpeed este ușor de utilizat

Google PageSpeed ​​Insights nu se așteaptă să aveți site-ul dvs. sau să fiți un client al Google. Nu trebuie să rotunjiți niciun cadru de înscriere, să faceți o înregistrare sau să oferiți o adresă de e-mail pentru a o utiliza.

5.5. PageSpeed este gratuit

Google PageSpeed ​​Insights este absolut gratuit de utilizat în toată lumea. Nu trebuie să plătiți niciun ban pentru utilizarea acestui instrument uimitor.

6. Sfaturi pentru a obține un punctaj perfect de 100% pe Google Pagespeed Insights

Iată câteva sfaturi pe care le puteți implementa pentru a obține un punctaj perfect de 100% pe Google PageSpeed ​​Insights .

6.1. DNS

Folosim Cloudflare, totuși, nimic nu accelerează eficientizarea. Am descoperit în testele noastre că a fost mai lent. În cazul în care vă aflați într-o condiție de facilitare reciprocă, Cloudflare vă va ajuta cel mai probabil foarte mult. În orice caz, în special pentru noi, cu un server dedicat, era mai bine cu totul oprit. În cazul în care nu aveți aptitudini sau timp pentru a introduce Cloudflare ca opțiune, puteți utiliza furnizori facilitatori, de exemplu, WP-Engine, Presslabs, Pantheon.io. Au lucrat împreună în magazinul de server și aranjamentul CDN.

6.2. IMF

Mobile-First Index - Acesta este unul dintre cele mai importante criterii pentru clasarea SEO în prezent. Când se creează un site web, acesta trebuie optimizat pentru a putea fi vizualizat pe smartphone-uri și alte gadget-uri electronice. Acest lucru se datorează faptului că navigarea, astăzi, se întâmplă în principal pe telefoanele mobile. Prin urmare, este esențial ca site-ul dvs. web să fie optimizat în consecință, deoarece contribuie semnificativ la viteza paginii Google.

6.3. Trecerea timpului de răspuns al serverului

Valoarea de referință este de 0,2 secunde. Orice peste asta și Google te notează. Site-ul nostru continuă să ruleze pe un server cu specificații ridicate, cu o grămadă de înregistrări. O mare parte din ceea ce citiți online vă va recomanda să treceți la un cont WordPress mai rapid (cu alăturarea partenerilor), care este cel mai simplu mod, dar nu eram pregătit să abandonez propria noastră condiție fără să încerc în niciun caz.

Având o mulțime de întâlniri cu administratorul de server, am dezactivat orice administrație fără rost care rulează pe server pentru a activa creșterea la Pagespeed . Cu toate acestea, asta nu a avut un efect mare.

Cea mai mare distincție pe care am văzut-o pentru a reduce timpul de reacție a serverului a fost schimbarea la PHP 7. Nu toate gazdele întăresc PHP 7, ci mai degrabă, din fericire, din moment ce avem propriile noastre locații, o facem. Rapoartele combinate online demonstrează o creștere a vitezei cu 20 până la 50 la sută în trecerea la PHP 7.

În ciuda ratei reale, aveam cerința pentru Pagespeed și trebuia să-l testăm. În cazul în care nu recunoașteți ce variantă de PHP rulați, introduceți acest modul și îl veți vedea în „Într-o privire” pe tabloul de bord de administrare.

Înainte de a merge mai departe, trebuie să verificați dacă site-ul este bun. Din fericire, există un modul de verificare a similitudinii PHP pe care îl puteți descărca pentru WordPress, care analizează codul dvs. și recunoaște orice problemă legată de schimbarea la PHP 7. Rezultatele Page Insights au demonstrat câteva lucruri care necesitau îngrijire, de care ne-am ocupat rapid. .

Am fost, în sfârșit, pregătiți să trecem la PHP 7. Pentru a schimba, de la WHM ajungi la „Multi PHP Manager”, selectează site-ul de care ai nevoie și schimbi versiunea PHP. În cazul în care nu vă apropiați de WHM, întrebați-i pe administratori de server, dar asigurați-vă că o faceți în condiții de testare/avansare – nu este cea mai bună practică să vă spargeți site-ul de producție.

6.4. Design și aspect site web actualizate

Grid Layout este de vorbă în oraș în ceea ce privește designul și aspectul site-ului web. În ceea ce privește Google Page Speed ​​Insight , designul grilei are mai multe avantaje. De asemenea, am descoperit că a oferit un număr mai mare de evidențieri decât aveam nevoie pe site-ul meu, așa că am căutat un subiect de bază, moderat. L-am descoperit pe Frank, un subiect planificat în special pentru viteză. Pagina de destinație implicită a subiectului părintelui face nouă interogări în baza de date și cuprinde doar două solicitări HTTP, cântărind aproximativ 29 kb. Acest subiect este prea ușor – fără structuri JavaScript și fără imagini de prisos, doar un subiect de bază și receptiv. În urma introducerii subiectului lui Frank, numărul de solicitări HTTP care se așteaptă să încarce site-ul meu a scăzut de la 31 la doar patru.

6.5. Optimizarea paginii de pornire

Există câteva abordări simple pentru a vă accelera suplimentar site-ul:

• Dacă distribuiți articole de blog pe pagina dvs. de destinație, distribuiți doar selecții sau rezumate și reduceți numărul de cadouri pe cinci sau mai puțin.
• Păstrați gadgeturile la o bază. Folosiți doar gadgeturi care sunt complet esențiale.
• Îndepărtați modulele inactive sau inutile.

În general, o configurație fără pată și centrată a site-ului vă va ajuta pagina să arate grozav, precum și PageSpeed ​​va deveni mai rapidă.

6.6. Optimizarea imaginii

Imaginile de înaltă rezoluție durează mult mai mult pentru a se stivui decât imaginile actualizate, iar grindurile excesiv de substanțiale pot reduce cu siguranță viteza paginii . WPMU DEV oferă un modul fabulos (gratuit!) numit WP-Smush.it. Când împodobiți în vrac imagini cu acest modul, veți găsi că măsura imaginilor dvs. va fi scăzută colosal fără a schimba calitatea vizuală. În timp ce suntem pe tema imaginilor, imaginile stivuite apatice pot, de asemenea, îmbunătăți viteza paginilor .

JPEG 2000, JPEG XR și WebP sunt formate de imagine care au atribute de presiune și calitate mai bune în comparație cu partenerii lor JPEG și PNG mai consacrați. Codificarea imaginilor dvs. în aceste aranjamente, spre deosebire de JPEG sau PNG, implică faptul că acestea se vor încărca mai rapid și vor ocupa mai puține date mobile, ceea ce va îmbunătăți performanța Google Page Speed . WebP este susținut în Chrome și Opera și oferă o compresie mai bună cu pierderi și fără pierderi pentru imaginile de pe web.

6.7. Amână CSS neutilizat

CSS neutilizat oprește dezvoltarea unui program a arborelui de randare. Arborele de randare seamănă cu arborele DOM, apoi din nou, de fapt, încorporează în plus stilurile pentru fiecare hub. Pentru a construi arborele de randare, un program trebuie să parcurgă întregul arbore DOM și să verifice ce reguli CSS se aplică fiecărui hub. Cu cât există mai multe CSS nefolosite, cu atât mai mult timp un program ar putea avea nevoie să-l petreacă calculând stilurile pentru fiecare nod, ceea ce va avea un impact negativ asupra Vitezei de perspectivă a paginii Google .

6.8. Activați compresia textului și codificați imaginile

Trebuie să comprimați și fișierele text dacă doriți să optimizați viteza paginii Google . Comprimarea textului permite transferuri de rețea mai rapide, facilitând astfel mai bine. Codificarea imaginilor este tipul de compresie a datelor, care vă permite să comprimați stocarea și transmiterea imaginilor.

6.9. Reduceți CSS, HTML, JavaScript

„Minifying” face aluzie la eliminarea informațiilor inutile sau repetitive fără a influența modul în care pagina este gestionată de program, ceea ce va îmbunătăți rezultatele Google Page Speed . Codarea slabă poate fi motivul acestei probleme și tinde să fie rezolvată în câteva moduri diferite.

În afara studierii fizice a codului sursă al paginii dvs., Google sugerează să încercați materialele însoțitoare:

• Minificatorul HTML pentru a reduce HTML.
• CSSNano și csso pentru a reduce CSS.
• UglifyJS2 și Closure Compiler pentru a reduce JavaScript.

O altă alegere este, evident, să exploatezi AMP și AMP Google pentru sistemele de promovare. Cele două proiecte le permit inginerilor să producă pagini cu o formă redusă de HTML, CSS și JavaScript. Rezultatul sunt pagini și promoții care se adună într-o cantitate mică de secundă.

6.10. Evitați redirecționările paginilor de destinație

În cazul în care pagina dvs. nu a fost structurată în mod receptiv, rezultatul ar putea fi diferite deturnari ale paginilor avansate pentru diverse gadget-uri, ceea ce va crește PageSpeed . Câteva modele de deviere de bază, după cum indică Google:

• com utilizează o arhitectură web receptivă, nu sunt necesare redirecționări – rapid și ideal!
• com? m.example.com/home – pedeapsă dus-întors pentru clienții versatili.
• com? www.example.com ? m.example.com – experiență versatilă moderată.

De fiecare dată când un client trebuie redirecționat, redarea paginii se oprește, ceea ce adaugă secunde valoroase la timpul de stocare al paginii dvs. Feriți-vă de obstacole în interior și în exterior, construind paginile dvs. cu planul receptiv - o tehnică care garantează întâlniri de calitate cu clienții, indiferent de gadget-ul pe care se află prospectul dvs. În acest fel, rezultatele finale ale testului de viteză a paginii Google vor fi mai bune.

6.11. Eliminați JavaScript care blochează randarea

Pe lângă alte lucruri, JavaScript împuternicește unele dispozitive uimitoare externe și componente intuitive ale paginii. Problema cu acesta va fi că, în plus, oprește analizarea codului HTML.

Când vedeți un mesaj de eroare care citește „eliminați JavaScript care blochează redarea”, înseamnă că există un pic de cod JavaScript care întârzie procedura de stivuire pentru bitul de mai sus al paginii dvs., ceea ce are un impact negativ asupra rezultatelor testului de viteză a paginii Google . Conținutul extern în mod specific va fi probabil de vină pentru această problemă. Manevrați-l în trei moduri diferite:

• Scripturile care nu sunt critice pentru procedura de stivuire ar trebui amânate în mod deliberat - aduse și executate după ce pagina este complet redată.
• Scripturile care se acumulează asincron ar trebui să fie utilizate mai mult decât cele care se adună în mod sincron. Conținuturile sincrone opresc procesul de randare a paginii, în timp ce cele neconcurente permit unui program să stivuească diferite componente între timp.
• Luați în considerare includerea conținutului - încorporați puține elemente din afara JavaScript în raportul dvs. HTML - pentru a reduce numărul de solicitări pe care programul dvs. trebuie să le facă.

Încercând să implementați pașii de mai sus, rezultatele generale ale testului de viteză a paginii Google se îmbunătățesc.

6.12. Utilizați memorarea în cache a browserului

Poate fi nevoie de cerințe diferite între un server și un program înainte ca o pagină să se stivuească complet pentru un client. În ceea ce privește timpul, toată lumea include. Stocarea permite programului dvs. să, parcă; „amintiți” anumite componente care au fost stivuite în ultimul timp - antet, traseu, logo și așa mai departe. Cu cât programul poate stoca mai multe componente, cu atât mai puține componente de care are nevoie pentru a stivui în momentul în care clientul face o cerere și, în cele din urmă, cu atât mai repede se va stivui o pagină, ceea ce crește PageSpeed . Google prescrie o strategie de bază de rezervare de mai multe săptămâni, iar pentru componentele care rămân în general nemodificate, un an este ideal.

7. Concluzie

Web-ul a evoluat spre a deveni plin și nu vă puteți lăsa lauri în speranța de a fi celebru și eficient dacă site-ul dvs. rulează moderat sau nu funcționează așa cum ar trebui. Propunerile Google PageSpeed ​​Insights depind de cele mai bune practici ale industriei de flux pentru zona de lucru și execuția web versatilă, așa că nu rezistă progresiv și începeți să obțineți mai multe grupuri de privitori, extinderea execuției site-ului dvs. și a poziționării indexului web și îmbunătățirea contextului de citire a oaspeților. Acum aveți o bună cunoaștere a întregului zgomot despre Google PageSpeed ​​Insights .

Utilizați sfaturile menționate mai sus și probabil veți vedea câteva rezultate bune și schimbări pozitive. De asemenea, rețineți că Roma nu a fost construită într-o singură zi, așa că trebuie să îi acordați ceva timp înainte de a putea judeca în sfârșit dacă pașii pe care i-ați luat pentru a vă îmbunătăți scorul la testul Google PageSpeed ​​Insight funcționează sau nu.