Google Pagespeed Insights pentru editori - Sfaturi pentru a îmbunătăți viteza paginii site-ului

Viteza de încărcare a paginii este un factor major luat în considerare de Google pentru clasarea rezultatelor căutării. Google și-a sporit atenția asupra experienței generale a vizitatorilor și a creat Google Core Web Vitals pentru a urmări viteza de încărcare a paginii, stabilitatea aspectului paginii și cât de repede poate începe un utilizator să interacționeze cu o pagină.

Google a început recent să măsoare viteza paginii și experiența pe bază de promovare/eșec, ca factor în clasarea căutării. Experiența paginii este din ce în ce mai mult un etalon pentru editorii online, care simt deja impactul utilizatorilor de blocuri de anunțuri sensibile la timpii de încărcare a paginii și lățimea de bandă.

Editorii, în special, pot fi afectați negativ de noua abordare de testare a vitezei paginii și a punctajului de la Google, deoarece reclamele, licitarea pentru antet, instrumentele de direcționare și tehnologia publicitară pot afecta și mai mult experiența și viteza generală a paginii. Persoanele dvs. Google PageSpeed ​​sunt conectate în mod inerent cu acoperirea dvs. Dacă pagina ta se încarcă lent, știrile vor merge mai departe - și te vor lăsa în urmă.

Google PageSpeed ​​Insights și Core Web Vitals Score

Google a dezvoltat instrumentul PageSpeed ​​Insights pentru a analiza conținutul și viteza de încărcare a unui site, pentru a nota performanța unui site și pentru a oferi informații pentru a ajuta editorii să îmbunătățească viteza site-ului. Google folosește un instrument de viteză a site-ului numit Lighthouse pentru a nota site-ul dvs. de la 1 la 100 separat pentru versiunile desktop și mobile, 90+ fiind un scor bun.



Inițial, PageSpeed ​​Insights s-a concentrat în mare parte pe factorii de viteză de încărcare, dar recent Google s-a axat pe experiența generală a site-ului. Google afirmă: „ Optimizarea pentru calitatea experienței utilizatorilor este cheia succesului pe termen lung al oricărui site de pe web”.

PageSpeed ​​Insights a fost extras inițial de testele de laborator ale site-ului web, dar recent Google și-a mutat atenția către mai mult din experiența generală a site-ului și a inclus date de teren ale performanței site-ului. Ei au creat Google Core Web Vitals (CWV), care se concentrează pe trei metrici ale experienței utilizatorului: stabilitatea paginii, viteza de încărcare a conținutului și viteza de implicare a paginii.

Specialiștii SEO consideră că numai datele de câmp Google sunt folosite pentru clasarea căutării și că conținutul de calitate joacă încă un rol important în factorii de clasare.

Care sunt valorile Google Core Web Vitals?

Core Web Vitals de la Google sunt trei valori care evaluează stabilitatea paginii, viteza de încărcare a paginii și cât de repede răspunde pagina la interacțiunea utilizatorului. Valorile vitale web de bază sunt măsurate și raportate atât pentru experiența desktop, cât și pentru cea mobilă, și sunt accesibile din Google Search Console, precum și pe pagina dezvoltatorului PageSpeed ​​Insights. Oricine dorește să-și măsoare propriul site, sau orice site, poate introduce adresa URL a paginii și poate vizualiza raportul.

• Cea mai mare vopsea de conținut (LCP) - Această evaluare se referă la cât de repede poate încărca pagina conținutul principal al paginii. LCP de 2,5 secunde sau mai puțin este un scor bun.
  
  
• Întârziere pentru prima introducere (FID) - Această evaluare măsoară cât timp îi ia unei pagini web să reacționeze la o acțiune pe care o întreprinde un utilizator. Cronometrul pentru această măsurare începe atunci când există ceva vizual pe pagină la care un utilizator să reacționeze și se termină când pagina este capabilă să răspundă la acțiunea vizitatorului respectiv. Dacă pagina nu poate răspunde utilizatorului deoarece răspunde la multe alte scripturi pe care se încarcă mai întâi, atunci scorul FID va avea de suferit. Pentru un scor de trecere, FID de 100 de milisecunde sau mai puțin este un scor bun.
  
  
• Cumulative Layout Shift (CLS) - CLS măsoară stabilitatea vizuală a paginii și a aspectului. Dacă dai jos, lucrurile se mișcă? Aveți reclame, imagini sau elemente de pagină care se încarcă mai târziu și provoacă schimbarea aspectului paginii? Acest lucru duce la un scor CLS slab. Evaluarea CLS de 0,1 sau mai puțin este un scor bun.

Acest exemplu video al grupului de dezvoltatori Google ilustrează problema CLS. Un utilizator încearcă să refuze achiziția, dar aspectul se schimbă pe el în timp ce dă clic și dă clic accidental pe achiziție, ceea ce duce la o experiență foarte nefericită.

Îndrumarea Google pentru editorii care efectuează propriul audit al vitezei paginii: „luați în considerare trecerea unei pagini dacă atinge obiectivele recomandate la percentila 75 pentru toate cele trei valori de mai sus”.

Viteza de încărcare a paginii și valorile vitale web de bază au fost integrate în instrumentul pentru dezvoltatori Chrome, disponibil din browserul Chrome. Modul dezvoltator Chrome va face chiar și un instantaneu al paginii pe tot parcursul procesului de încărcare, pentru a ajuta la identificarea cu precizie a locului în care apar problemele.


Actualizare: Datele recente ale cercetărilor efectuate de Tom Capper de la Moz sugerează că clasamentele site-urilor web sunt afectate în primul rând dacă eșuează toate cele 3 praguri ale Core Web Vitals, (LCP, FID, CLS), dar eșecul 1 sau 2 nu a fost corelat cu un impact semnificativ asupra clasamente.

Cum pot editorii să îmbunătățească viteza de încărcare a paginii și elementele vitale ale web?

Editorii ar trebui să facă în mod regulat cel puțin următorii trei pași pentru a îmbunătăți performanța site-ului: În primul rând, rulează în mod regulat teste de viteză și interacțiune a paginii și revizuiește rapoartele; în al doilea rând, identificați ce elemente sunt încărcate care sunt neutilizate sau inutile, cum ar fi fonturile vechi sau scripturile CSS. În al treilea rând, luați notă de imagini, CSS, video și JavaScript, care pot fi toate optimizate pentru dimensiune și viteza de încărcare prin compresie, minimizare sau concatenare.

Mai jos sunt pași și resurse suplimentare pentru editori pentru a îmbunătăți timpul de încărcare a site-ului, elementele vitale web de bază și experiența vizitatorilor.

Implementați Lazy Loading pentru a îmbunătăți FID Web Vital

Încărcarea leneră amână încărcarea imaginilor sau a altor elemente până după ce conținutul și aspectul paginii principale sunt încărcate și utilizabile. Acest lucru poate îmbunătăți lățimea de bandă și valoarea FID. Gândiți-vă la imagini și elemente care nu vor apărea niciodată deasupra pliului, acele elemente ar putea fi amânate pentru a vă asigura că experiența inițială este rapidă și interactivă.

Wordstream oferă un articol bun despre când și cum să implementați încărcarea leneșă, dar poate doriți să verificați cu anumite comunități construite în jurul sistemului dvs. CMS. Hubspot are încărcare leneșă încorporată în unele dintre funcțiile lor și există o mulțime de pluginuri Wordpress pentru automatizarea încărcării leneșe.

Utilizarea unui CDN de rețea de livrare de conținut

Utilizați un CDN și asigurați-vă că este configurat corespunzător pentru performanță. O rețea de livrare de conținut (CDN) poate reduce lățimea de bandă și timpii de încărcare a paginii găzduind copii ale conținutului media mai aproape de utilizatori din punct de vedere geografic. De exemplu, un vizitator din Canada ar putea avea conținutul dvs. livrat de un server CDN din Toronto, în timp ce un vizitator simultan India ar putea avea conținut livrat din Chennai, totul gestionat optim de CDN.

Comprimați imagini și videoclipuri pentru o încărcare mai rapidă a paginii

Fișierele media mari sunt unul dintre cei mai vinovați de comentarii în timpii lenți de încărcare a paginii și unul dintre cei mai ușor de abordat. Ar trebui să clasați toate imaginile de pe site-ul dvs. după dimensiune și să acordați imediat atenție celor 100k sau mai mari. Vă puteți folosi site-ul cu un instrument precum Screaming Frog pentru a identifica toate imaginile mari în câteva minute. Wordpress și sistemele CMS moderne au adesea instrumente de compresie a imaginilor încorporate, dar verificați-vă singur. Uneori, vă puteți descurca mult mai bine cu instrumente terțe create special pentru compresia imaginilor, cum ar fi tinypng sau jpeg-optimizer.

Eliminați fișierele JavaScript neutilizate pentru a îmbunătăți viteza de redare a paginii

Pagina dvs. web are JavaScript bloat? Dacă JavaScript blochează randarea, trebuie apelat, descărcat, analizat, evaluat și executat înainte ca pagina să poată termina redarea. Aveți fișiere JavaScript neutilizate? Fișierele JavaScript se pot acumula pentru direcționare, sisteme CMS, setarea pixelilor de urmărire, etichete sociale, încărcarea fonturilor și multe altele. Puteți identifica cât de mult din JavaScript rămâne neutilizat în detaliu, utilizând funcția Acoperire din Chrome DevTools.

Când rulați instrumentul de viteză a paginii Google, acesta va identifica orice JavaScript cu mai mult de 20 de kiloocteți de cod neutilizat.

Combinați sau reduceți CSS și scripturi pentru a îmbunătăți viteza paginii

Minimizarea acestor scripturi își păstrează lizibilitatea mașinii, dar le face să se încarce mult mai rapid. Există mai multe instrumente disponibile pentru a minimiza scripturile; RankRed a creat o gamă bună de instrumente și descrieri de minificare a scripturilor. De asemenea, puteți salva unele călătorii la server dacă concatenați fișiere JavaScript sau CSS.

Optimizarea memoriei cache pentru Core Web Vitals

Strategia de cache ar trebui revizuită pentru tipul de site pe care îl aveți, prin funcții PI cache, cum ar fi Cache-control și Last-Modified. Dezvoltatorii Google oferă câteva îndrumări și o listă de verificare pentru opțiunile de cache, precum și opțiuni de configurare pentru serverele populare. Poate doriți să preîncărcați memoria cache, astfel încât pagina să fie deja optimizată înainte ca Googlebot să sosească pentru a evalua performanța.

Producătorul de instrumente WP WP Rocket sugerează că preîncărcarea memoriei cache poate fi un ajutor cheie pentru îmbunătățirea vitezei paginii și a creat acest videoclip pentru a explica.

Ajută browserele să aloce spațiu pentru a evita schimbarea aspectului

• Specificați atributele de înălțime și lățime a imaginii, astfel încât browserul să își poată planifica proprietățile imobiliare, chiar dacă acestea se încarcă lene mai târziu.
• Rezervați spațiu pentru anunțuri, cadre iframe și conținut dinamic. Utilizați containere pentru a evita schimbările de aspect în timpul randării.
• Luați în considerare optimizarea afișării fontului cu linkul rel="preload"   și font-display: opțional.
  
  

Rulați Analytics

Desfășurarea frecventă a unui test PageSpeed ​​vă poate oferi mai multe informații despre elementele vitale web de bază. Nu numai că puteți vedea un scor de viteză a paginii, dar puteți vedea câte elemente sunt încărcate și cât de repede se încarcă. Pătrundeți-vă în rapoartele dvs. pentru a identifica elementele care ar putea împiedica viteza paginii dvs. Iată câteva instrumente populare pentru vizualizarea diferitelor niveluri de detaliu și raportarea privind încărcarea paginii, viteza paginii și optimizarea pentru motoarele de căutare:

• Google PageSpeed ​​Insights
• GTmetrix
• Monitorizarea vitezei paginii Pingdom
• WebPageTest

Iată câteva recomandări pentru discuții mai tehnice și detaliate despre optimizarea vitezei paginii:

• Cum să îmbunătățiți viteza site-ului Wordpress
• Nitropack: Cum se măsoară și se îmbunătățește valorile vitale ale web
• SearchEngineWatch - 28 de moduri de a vă supraalimenta site-ul
• Toptal - Acing Google's PageSpeed ​​Insights Assessment
• Smashing Magazine - Ghid pentru măsurarea valorilor vitale web de bază
• Web.dev - Îmbunătățiți performanța site-ului cu timpi de încărcare rapid
  
  

Sunt abonații plătiți în planurile dvs. de viitor?

Cum ajută Admiral la îmbunătățirea performanței editorilor

Admiral a fost un susținător timpuriu al importanței experienței în pagină pentru editori, în special, scriind și vorbind despre viteza paginii, experiența publicitară, anunțuri mai bune vs anunțuri proaste și multe altele. Îmbunătățirea experienței site-ului poate ajuta la reducerea utilizării de către consumatori a software-ului de blocare a anunțurilor.

În plus, în timp ce mulți furnizori de tehnologie publicitară s-au concentrat pe soluții punctuale, Admiral a construit o platformă orizontală de automatizare a angajamentului care oferă soluții de-a lungul călătoriei relațiilor cu vizitatorii, concepute pentru a reduce încărcătura tehnologică pentru editori.

Point Solutions multiplică datoria tehnică pentru editori

Folosind soluții punctuale, editorii pot ajunge cu multe etichete, integrări, direcționarea motoarelor de decizie, discuții cu echipa lor de dezvoltare etc. În esență, aceștia creează un monstru al lui Frankenstein cu viteza paginii și impact UX dacă folosesc sisteme separate pentru creșterea buletinelor informative, blocarea anunțurilor. recuperare, gestionarea consimțământului, abonamente plătite, pereți de înregistrare, creșterea adepților sociale etc.

Amiral a fost verificat de un test de viteză terță parte în peste 100 de scenarii ale clienților

Admiral a fost proactiv în a ajuta editorii să optimizeze Core Web Vitals și a contractat o agenție digitală recunoscută la nivel național (Anvil Media) pentru a testa riguros soluția Admiral cu o singură etichetă pentru viteza și impactul asupra Core Web Vitals.

Experții Anvil în viteza paginii au testat eticheta Admiral pe 15 site-uri ale clienților, toate modulele de soluție Admiral, desktop și mobile, timp de cinci zile, înainte și după măsurarea și toate cele trei valori CWV; Peste 300 de puncte de date în total.