Cum să treci testul de viteză Google cu Pagespeed Insights

Cine vrea să aştepte ani de zile până se încarcă o pagină? Mai ales pe mobil. Un scor bun la testul de viteză Google este vital pentru site-ul dvs.

Viteza paginii și Core Web Vitals sunt cruciale astăzi și nu există niciun motiv pentru a avea timpi lenți de încărcare a paginii sau a site-ului, în special cu site-urile WordPress.

Dacă timpul mediu de încărcare pentru site-ul dvs. este mai mare de trei până la cinci secunde folosind un test de viteză a site-ului, pierdeți trafic. Rata de respingere va fi mare, deoarece cititorii nu vor aștepta și vor urmări un ecran alb.

Performanța site-ului este un factor SEO vital și vă va ajuta să vă îmbunătățiți clasarea în motoarele de căutare și rata de conversie. De fapt, Google are acum o prioritate Core Web Vitals pe mobil pentru clasarea cuvintelor cheie și a paginilor.

Cum să vă asigurați că blogul dvs. este actualizat

Mulți factori afectează rezultatele testelor unui test de viteză.

Serviciile de internet care oferă teste de viteză variază de la țară la țară sau chiar de la oraș la oraș.

Dacă v-ați testat conexiunea la Internet, veți ști că viteza de descărcare și încărcare depinde de furnizorul dvs. de servicii și de eficiența verificării conexiunii la internet și wi-fi.

Cu toate acestea, cu testul de viteză Google folosind Pagespeed Insights, puteți obține o prezentare generală a vitezei de descărcare și a performanței site-ului pentru vizitatorii site-ului dvs.

Nu este nevoie să ne gândim că obținerea de 100 este întotdeauna scopul principal. Puteți pierde mult timp urmărind perfecțiunea în performanța web. Dar obținerea de scoruri verzi este relativ ușor și va însemna că site-ul dvs. are performanțe bune.

Just Publishing Advice are o mulțime de funcționalități, widget-uri și imagini încorporate, dar reușește totuși să obțină un scor foarte bun pentru viteza site-ului. Iată o privire rapidă asupra performanței site-ului său.

Scorul mobil este de obicei puțin mai mic, deoarece Google reduce rezultatul dacă nu utilizați imagini în formate de nouă generație.

În prezent, aceasta ar fi o sarcină foarte mare pentru orice blog, deoarece necesită înlocuirea fiecărei imagini de pe site-ul dvs. cu fișiere de imagine JPEG 2000, JPEG XR sau WebP. Pentru majoritatea bloggerilor, puteți ignora acest avertisment și puteți continua să utilizați fișiere imagine JPEG și PNG.

Cum să testați performanța vitezei site-ului dvs

Testul de viteză Google vă oferă o măsură aproximativă bună a vitezei site-ului dvs.

De asemenea, puteți verifica timpul mediu de încărcare a paginii în Google Analytics. Dar nu vă oferă informațiile de care aveți nevoie pentru a analiza performanța site-ului în detaliu.

Ai nevoie de instrumente SEO mai bune pentru a face treaba.

Dacă datele de laborator sunt toate verzi, ești bine. Dar dacă evaluările dvs. sunt portocalii sau roșii, trebuie să luați unele măsuri.

În funcție de cât de mult trafic obțineți, este posibil să vedeți sau nu evaluarea Core Web Vitals.

Aceasta măsoară datele reale despre viteza utilizatorului din browserul Chrome.

Este un test de promovare sau eșec dacă aveți suficient trafic pentru a genera raportul.

Aceste rapoarte vă oferă îndrumări cu privire la locurile în care puteți îmbunătăți performanța site-ului dvs.

Dar instrumentele de testare a vitezei paginii Google nu vă oferă prea mult ajutor pentru a urmări și a remedia problemele.

Găsiți cum să remediați problemele

O modalitate mult mai bună de a verifica viteza site-ului este să utilizați GTMetrix.

Este open source și folosește scorul Google Pagespeed și YSlow de la Yahoo și vă oferă mult mai multe informații decât Google.

Când monitorizați performanța și vă măsurați viteza, trebuie să verificați două momente.

În timp ce majoritatea serviciilor de testare folosesc Fully Loaded Time pentru a măsura performanța site-ului, aceasta nu este cea mai importantă statistică.

Cea mai precisă măsură din lumea reală a vitezei site-ului este timpul de încărcare a modelului de obiecte document (DOM).

Este punctul în procesul de încărcare a site-ului când o pagină web este activă pentru un utilizator.

Pentru mine, aceasta este cea mai importantă statistică atunci când măsoară viteza reală a unei pagini web.

Puteți vedea în imaginea de mai jos că, în timp ce timpul de încărcare completă este de 1,9 secunde, timpul de încărcare DOM este de doar 1,3 secunde.

Iată o altă vedere mai jos. Linia roșie marcată de săgeată este punctul încărcat DOM.

Puteți vedea că elementele care nu sunt necesare în prima vizualizare de utilizator sunt încărcate ulterior.

Elementele care se încarcă mai târziu sunt, de obicei, imagini care sunt încărcate leneș și fișiere javascript care sunt amânate până când sunt necesare pentru a ajuta pagina să funcționeze mai bine.

Ori de câte ori vă verificați site-ul, acordați o atenție deosebită timpului de încărcare DOM, deoarece este o măsură mult mai precisă a cât de repede este site-ul dvs. pentru un utilizator.

De asemenea, executați un test de două sau trei ori, deoarece vitezele de internet variază de la minut la minut.

Vă puteți face o idee mai bună făcând o medie a rezultatelor dvs. pe, să zicem, aproximativ o oră sau chiar mai mult.

Toate testele de viteză pe internet au această variație naturală, așa că nu vă faceți griji că obțineți un rezultat prost la întâmplare.

Puteți verifica și cu alte site-uri de testare a vitezei.

Dacă site-ul dvs. nu obține evaluări ecologice de la Google și GTMetrix, iată unsprezece moduri simple, rapide și ușoare prin care puteți remedia problema și să vă bucurați vizitatorii site-ului și motoarele de căutare.

1. Mai întâi, eliminați dezordinea din bara laterală

Primul lucru pe care ar trebui să-l faceți este să vă verificați bara laterală. Ai nevoie de toate aceste widget-uri și reclame? De fapt, chiar ai nevoie de o bară laterală?

Ar trebui să vă gândiți la paginile dvs. ca pe un bun imobiliar de prim rang.

Câtă zonă valoroasă este irosită pe site-ul dvs. de elemente care servesc foarte puțin unui scop real și încetinesc site-ul dvs.?

O pagină web aglomerată este, de asemenea, greu de citit, deoarece există prea multe distrageri.

Majoritatea elementelor din bara laterală măresc viteza de încărcare, astfel încât cu cât puteți elimina mai multe, cu atât mai bine.

2. Evitați conținutul de pe pagină dependent de site-uri externe

Unul dintre cei mai mari infractori pentru încetinirea unei pagini web și eșuarea testului de viteză Google este un buton Facebook Like.

Pagina ta trebuie să aștepte Facebook înainte ca pagina ta să se încarce. Este o problemă comună cu majoritatea widget-urilor și butoanelor de partajare pentru rețelele sociale.

Unele pot adăuga până la două secunde sau mai mult la timpul de încărcare a paginii.

Dacă aveți nevoie de partajarea rețelelor sociale, căutați un plugin ușor.

Alte servicii de internet care pot încetini elementele de pe site-ul dvs. includ reclamele și widget-urile Amazon și anunțurile Google banner mari.

Dacă aveți Google Adsense, încercați să utilizați anunțuri în articol în loc de anunțuri banner mari și setați soldul anunțurilor la aproximativ 70-80 la sută.

Spre deosebire de ceea ce ați putea citi despre Adsense, nu există o sarcină mare pe un site dacă utilizați anunțuri în articol.

Iată o pagină de pe site-ul nostru cu Google Ads măsurat de GTmetrix.

Efectul asupra timpului de încărcare este minim.

Cu două reclame, timpul de încărcare completă este perfect la puțin peste două secunde, iar DOM-ul se încarcă în 1,6 secunde.

De asemenea, reclamele se încarcă cu întârziere, ceea ce înseamnă că pagina nu așteaptă pe Google înainte ca pagina să fie randată.

3. Verificați dacă există fișiere javascript lente

Fiecare element pe care îl aveți pe site-ul dvs. necesită timp pentru a se încărca.

Umplerea site-ului dvs. cu o mulțime de plugin-uri, widget-uri și suplimente are un cost uriaș de viteză.

Iată o evaluare GTMetrix a unui site web care necesită cu adevărat atenție urgentă. O pagină care se încarcă în 12,4 secunde este abisală astăzi.

Puteți folosi GTMetrix pentru a localiza fiecare element care vă încetinește site-ul.

Faceți clic pe semnul + de lângă fiecare GET pentru a afla ce vă încetinește site-ul și ce trebuie să remediați, să eliminați sau să optimizați.

Un site precum cel de mai sus poate fi îmbunătățit rapid luând trei măsuri foarte simple.

Următoarele trei puncte vor explica adăugarea unui cache, minimizarea și agregarea CSS și Javascript și încărcarea leneșă a imaginilor.

Toate cele trei plugin-uri recomandate mai jos sunt gratuite.

4. Instalați W3 Total Cache

Există multe pluginuri de cache foarte bune pentru WordPress, inclusiv WP Super Cache și WP Fastest Cache.

Dar am folosit W3 Total Cache de peste zece ani pe toate site-urile mele.

Există o mulțime de setări pe care le puteți utiliza cu toate aceste plugin-uri pentru a folosi cachingul browserului, dar sunt doar două pe care trebuie să le setați și să le utilizați.

Iată setările pentru Total Cache. Dar sunt similare pentru toate pluginurile de cache.

Trebuie doar să activați browserul și memoria cache a paginii.

Aceste două setări vă vor accelera site-ul prin memorarea în cache a elementelor site-ului care nu se modifică, cum ar fi anteturile, subsolurile, elementele din bara laterală și meniurile.

5. Instalați Autoptimize

Majoritatea pluginurilor de stocare în cache pot, de asemenea, să minimizeze și să agrega Javascript și CSS.

Deși toate funcționează destul de bine, unele pot fi foarte complicat de configurat.

Folosesc Autoptimize pentru a face acest lucru, deoarece este mai rapid, mai ușor de configurat și mult mai eficient. De fapt, îl puteți configura în mai puțin de un minut.

Ceea ce face este să reducă dimensiunea tuturor fișierelor CSS și Javascript și apoi le adună într-un fișier CSS și un fișier Javascript.

Aceste două fișiere se încarcă apoi astfel încât să nu fie blocate de randare, ceea ce este adesea o problemă cu un test de viteză Google pentru unele site-uri.

Minimizarea și agregarea fac o diferență enormă în viteza site-ului dvs.

Iată setările pe care le folosesc pentru toate site-urile mele.

Un alt bonus suplimentar cu Autoptimize este că suportul este fantastic.

6. Instalați a3 Lazy Load

Când un utilizator vă vizitează site-ul web, toate imaginile pe care le aveți pe o pagină web trebuie să se încarce înainte ca pagina dvs. să devină activă și utilizabilă pentru vizitatorul dvs.

Folosind încărcarea leneră, toate imaginile care nu apar pe ecranul utilizatorului sunt încărcate doar pe măsură ce derulează.

Acest lucru face o diferență enormă în viteza site-ului dvs., deoarece imaginile dvs. se vor încărca după timpul de încărcare completă a DOM.

Am încercat câteva plugin-uri diferite înainte de a decide asupra a3 Lazy Load. Câștigă pe performanță și ușurință în utilizare.

Odată instalat, puteți utiliza setările implicite sau puteți face câteva ajustări.

Pluginul va încărca leneș toate imaginile, videoclipurile și cadrele iFrame.

7. Instalați WP Rocket

Dacă doriți o opțiune all-in-one pentru a înlocui cele trei opțiuni gratuite de mai sus, WP Rocket poate face totul și mai mult.

În loc să trebuiască să utilizați și să configurați trei plugin-uri, puteți utiliza WP Rocket pentru a vă configura pagina și memoria cache a browserului, pentru a minimiza Javascript și CSS, precum și pentru a vă încărca imaginile.

De asemenea, vă poate optimiza baza de date și oferă integrare cu Cloudflare.

WP Rocket este o soluție economică all-in-one pentru a face site-ul dvs. fulgerător în câteva minute, cu foarte puțin efort.

8. Redimensionați imaginile

Imaginile mari nu încetinesc viteza site-ului. Dar imaginile care nu sunt dimensionate pentru a se potrivi unei pagini web pot încetini dramatic viteza site-ului.

Ar trebui să redimensionați întotdeauna imaginile exact la dimensiunea de care aveți nevoie înainte de a le încărca.

Dacă doriți o imagine cu lățime completă, aceasta ar trebui să fie dimensionată la lățimea paginii dvs. de blog.

Acest site are o lățime de 750 px și o bară laterală de 300 px. Orice imagine care este mai lată de 750 px va încetini site-ul.

Dar niciodată nu ajustați dimensiunea imaginilor dvs. din mers în caseta de detalii media. Nu va reduce dimensiunea paginii dvs.

După cum puteți vedea, această imagine are 1218px lățime. Selectarea dimensiunii mari va face ca imaginea să se potrivească.

Dar, în realitate, pagina va încărca imaginea la dimensiunea completă de 1218px și va încetini viteza site-ului.

Nu utilizați niciodată caseta Detalii imagine din WordPress pentru a vă redimensiona leneș imaginile.

Redimensionați întotdeauna imaginile înainte de a le încărca, astfel încât dimensiunea completă să fie dimensiunea reală a imaginii dvs. de pe pagina dvs.

9. Optimizați imaginile

Smush este un plugin popular pentru reducerea imaginilor prin utilizarea compresiei cu pierderi. Folosesc versiunea gratuită și funcționează perfect.

Cu toate acestea, fac un pas suplimentar înainte de a încărca o imagine pe oricare dintre site-urile mele. Folosesc o aplicație desktop mică numită ImageOptim.

După cum puteți vedea, pierderile reduce imaginile cu aproximativ 80%.

Din păcate, este disponibil doar pentru utilizatorii de Mac. Dacă sunteți un utilizator Windows, puteți utiliza un optimizator de imagine online pentru același rezultat.

De asemenea, puteți citi un articol anterior despre cum să reduceți imaginile.

10. Utilizați Cloudflare CDN

Trebuie să utilizați o rețea de livrare de conținut (CDN)?

Depinde. Un CDN stochează fișierele dvs. statice pe servere din întreaga lume pentru a vă ajuta site-ul să se încarce puțin mai repede. Dacă vizitatorii site-ului dvs. sunt la distanță de dvs., vă poate ajuta.

Dar dacă site-ul dvs. primește în mare parte trafic local, nu va ajuta prea mult.

Just Publishing Advice este găzduit în Europa, dar un procent mare din trafic este din SUA. Deci, are sens să folosești un CDN.

Dacă site-ul dvs. este găzduit în Australia, de exemplu, și obțineți mult trafic din Marea Britanie și SUA, probabil că ați dori să luați în considerare utilizarea unui CDN.

Cloudflare este popular, eficient și gratuit. Deci este o alegere bună.

Cu toate acestea, aveți nevoie de puțină abilitate tehnică pentru a o implementa pe site-ul dvs.

Puteți citi mai multe despre configurarea Cloudflare cu WordPress în articolul nostru de ghid.

11. Verificați o dată pe săptămână

După ce v-ați îmbunătățit site-ul cu măsurile de mai sus, ar trebui să faceți o verificare regulată.

Lucrurile se schimbă întotdeauna pe un blog, așa că merită să fii cu ochii pe performanța ta.

Veți folosi Pagespeed Insights și GTMetrix de cele mai multe ori.

Cu toate acestea, există încă un test gratuit de viteză a site-ului web pe care îl puteți face pentru a verifica performanța site-ului dvs. în 25 de locații din întreaga lume.

Dot-Com Tools testează viteza site-ului dvs. în timp real, astfel încât să puteți vedea cum apreciază site-ul dvs.

Este un instrument de testare foarte bun și un ghid dacă vă gândiți dacă un CDN este util pentru dvs.

Când testați, rețineți că Google recomandă o viteză maximă a paginii încărcate complet de 3 secunde.

Cu WordPress, acest lucru este destul de ușor de realizat dacă utilizați sugestiile de optimizare din acest articol.

rezumat

Trebuie să faceți tot ce este enumerat în acest ghid?

WordPress din cutie funcționează de obicei destul de bine în ceea ce privește viteza.

Dar dacă utilizați o temă lentă și adăugați o mulțime de plugin-uri și folosiți imagini mari, atunci da, ar trebui să vă gândiți să lucrați dacă site-ul dvs. are un rating prost pentru viteza de încărcare.

O altă cauză poate fi un server gazdă nesigur sau lent. Dacă trebuie să vă schimbați furnizorul, o gazdă rapidă costă doar câțiva dolari pe lună.

Dacă notați în roșu la testul de viteză Google, atunci cu siguranță trebuie să lucrați urgent.

Un sfat este să activați o temă WordPress implicită, cum ar fi Twenty Seventeen, și să testați din nou. Cele mai multe teme sunt acum receptive, dar unele teme mai vechi pot duce la o viteză redusă a site-ului.

Dacă tema dvs. este în regulă, prioritățile principale pentru îmbunătățirea unui site precum cel din imaginea de mai sus ar fi:

1. Instalați un plugin de cache.

2. Instalați Autoptimize

3. Instalați un încărcător leneș

Faceți acești trei pași și performanța site-ului dvs. se va îmbunătăți instantaneu.

Pentru imaginile dvs., instalarea Smush și apoi optimizarea în bloc vă va ajuta foarte mult.

Nu există niciun motiv pentru a avea un site WordPress lent și a eșua testul de viteză Google.

Dacă implementați cei zece pași enumerați în acest articol, site-ul dvs. va trece cu ușurință testul Pagespeed Insight pentru dispozitive mobile și desktop.