Povești de succes Google Lighthouse: îmbunătățirea performanței cu optimizarea tehnică

Cu Google Lighthouse, puteți evalua rapid și ușor performanța tehnică a oricărei adrese URL. Testele detaliate măsoară timpii de încărcare, accesibilitatea și securitatea web și, în același timp, dezvăluie potențialul de îmbunătățire a infrastructurii tehnice a unui site web. În această postare pe blog, aș dori să împărtășesc câteva exemple de companii care au folosit cu succes Google Lighthouse pentru a contribui la creșterea performanței lor online. Aflați cum piața asiatică Carousell a folosit Lighthouse pentru a genera cu 63% mai mult trafic organic, cum se corelează scorurile de performanță Lighthouse de la TripAdvisor și Expedia cu clasamentele Google și multe altele.

Dacă sunteți în căutarea unei imagini de ansamblu asupra a ceea ce este Google Lighthouse și cât de relevant este acesta pentru clasamentele motoarelor de căutare, atunci puteți începe prin a citi documentul nostru albă Searchmetrics, „Factori de clasare Google Lighthouse 2019”. Lucrarea analizează starea actuală de optimizare a site-urilor web de top pe Google.com, pe baza datelor din peste 15 milioane de audituri Google Lighthouse. Descărcați cartea albă de aici:

Factori de clasare Google Lighthouse 2019

Povestea de succes 1: Cum eBay din Asia și-a crescut performanța Lighthouse de la 17 la 84 de puncte

Primul nostru studiu de caz Lighthouse provine din răspunsul Asiei la eBay, marketplace carousell.com. Platforma din Singapore se bazează în primul rând pe traficul mobil și, în vederea extinderii în alte țări asiatice, cum ar fi Indonezia și Filipine, ei căutau o modalitate de a crește timpul de încărcare mobil al aplicației lor Progressive Web: „A avea o pagină web necesită mai mult mai mult de 15 s pentru a încărca peste 3G (cum a făcut al nostru) este inacceptabil dacă dorim să dobândim și să păstrăm noii noștri utilizatori”, explică Stacey Tay, Web Tech Lead la Carousell, într-o postare pe blog pe Medium, unde descrie modul în care Carousell a abordat optimizarea performanței tehnice. a site-ului lor.

Pentru început, explică Stacey, rezultatele auditurilor lor inițiale Lighthouse au fost un semnal de alarmă – scorul de performanță a fost de doar 17 puncte, iar rezultatele la categoriile Progressive Web App și Accesibilitate au fost foarte mediocre. Doar scorurile din două categorii, SEO și Cele mai bune practici – care se concentrează pe aspectele de securitate ale unui site web precum HTTPS sau bibliotecile JavaScript sigure – au fost satisfăcătoare.

Pe baza acestor rezultate, optimizarea a fost orientată în primul rând către îmbunătățirea rezultatelor în categoriile Lighthouse de Performanță și Aplicație web progresivă. Comparația înainte/după a scorurilor Lighthouse de la carousell.com arată cât de mult s-au înregistrat progrese în aceste domenii:

Măsurile de optimizare tehnică au fost realizate în 2018 – la sfârșitul lunii octombrie, Stacey Tay a documentat succesul pe Medium. Dacă ne uităm la Vizibilitatea SEO a carousell.com în țara sa de origine, Singapore, atunci putem observa o îmbunătățire clară a performanței:

Înainte de implementarea sarcinilor necesare optimizării, a fost stabilit un obiectiv clar al misiunii:

„Am vrut să oferim utilizatorilor noi o experiență încântătoare încă de la început, deoarece performanța este experiența utilizatorului. Pentru a face acest lucru, am proiectat o nouă experiență web, care să primească performanță.” Stacey Tay, șef de tehnologie web la Carousell

Această misiune a pus bazele pentru optimizarea tehnică a site-ului. Important este că acesta nu a fost tratat ca un proiect secundar, ci a fost prioritizat înalt și i s-a acordat un buget de performanță dedicat. Cu această misiune în vigoare, scrie Stacey, a fost mai ușor să motivezi echipa, să convingi conducerea de importanța proiectului și să justifice investiția prin demonstrarea succesului proiectului.

După convenirea bugetului, au fost stabilite ținte, pe baza scorurilor din auditurile Google Lighthouse:

După cum am menționat mai devreme, scorul de performanță înainte de optimizare a fost de doar 17 puncte. După optimizarea paginii de pornire a carousell.com, au ajuns la un scor de 84 de puncte. Aspecte ale infrastructurii site-ului care au fost abordate includ configurarea unui sistem de stocare în cache mai eficient cu precaching în caseta de lucru și lucrători de service, comprimarea imaginilor și aplicarea CSS inline. Împreună, aceste măsuri au contribuit la crearea unei aplicații web progresive rapide și ușor de utilizat – și așa se încarcă pagina acum:

Dovezi solide pentru succesul optimizării performanței Carousell pot fi găsite în cifre. Pe lângă reducerea timpului de încărcare cu 65%, cea mai remarcabilă îmbunătățire poate fi observată în creșterea traficului. De la optimizare, traficul organic al Carousell a crescut cu 63%:

Citiți Factorii de clasare Google Lighthouse 2019

Povestea de succes 2: Cum Staples și Walmart au folosit timpi de încărcare mai rapidi pentru a crește conversiile

Când vorbim despre optimizarea timpilor de încărcare, există câteva statistici Google care sunt folosite frecvent ca puncte de referință. De exemplu, pe măsură ce timpul de încărcare crește, crește și probabilitatea ca un utilizator mobil să revină la rezultatele căutării. Dacă timpul de încărcare crește de la una la trei secunde, atunci probabilitatea ratei de respingere crește cu 32%; dacă timpii de încărcare merg de la una la cinci secunde, atunci probabilitatea de respingere crește cu 90%.

Instrumentul de analiză a vitezei paginii GTmetrix a investigat beneficiile concrete ale reducerii timpilor de încărcare, analizând o gamă largă de site-uri web de vânzare cu amănuntul. Exemplele includ retaileri grei precum Staples și Walmart și demonstrează corelația clară între timpii de încărcare mai rapidi și ratele de conversie crescute.

Citiți Factorii de clasare Google Lighthouse 2019

Povestea de succes 3: Cum Douglas a redus timpii de încărcare la jumătate

Acum ne întoarcem la gigantul german al parfumurilor, Douglas, care a folosit Google Lighthouse pentru a îmbunătăți performanța site-ului lor. Povestea lor de succes se întoarce la Black Friday 2017, când creșterea uriașă a traficului a făcut ca pagina să fie indisponibilă pentru unii utilizatori. Scorurile de performanță Google Lighthouse la acea vreme au arătat, de asemenea, spațiu clar de îmbunătățire. Michael Singer, un consultant independent Tech SEO din Munchen, care a lucrat la proiect pentru douglas.de și, din mai 2018, a coordonat operațiunile între IT și SEO, explică: „Înainte de optimizare, timpul de interacțiune pe 3G era de peste 20 de secunde. – acum am ajuns la aproximativ 8 secunde.”

Pentru a obține acest rezultat impresionant în auditul Google Lighthouse, au fost făcute modificări semnificative sub capota site-ului web al distribuitorului de parfumuri. „Am trecut prin peste 200 de bilete tehnice”, explică Michael și reamintește numeroasele modificări care au fost făcute: subdomeniul mobil a fost dezactivat; utilizatorii de telefonie mobilă ajung acum la domeniul principal www-domeniu al lui Douglas. De asemenea, douglas.de a fost convertit pentru a utiliza JS React, care reduce numărul de noduri și solicitări, comprimă HTML și reduce dimensiunile imaginilor. Latența bazei de date a fost, de asemenea, redusă și au fost implementate câteva optimizări ale cache-ului.

„Accentul muncii noastre este utilizatorul, care ar trebui să poată folosi site-ul cât mai repede posibil. Scopul optimizării vitezei paginii a fost să ajungem la un prim timp interactiv de 4 secunde. Acest lucru, împreună cu trecerea la JS React și trecerea la o singură versiune de site responsive, a condus la o creștere semnificativă a vizibilității noastre SEO, un trafic mai mare și o cifră de afaceri crescută.” Michael Singer, consultant independent de tehnologie SEO

Aceste optimizări, folosind scorurile de performanță Google Lighthouse, au avut ca rezultat o îmbunătățire notabilă a timpilor de încărcare a paginii. „Pentru a verifica valorile, rulăm teste de viteză în timp real cu Instana, care ne arată efectele pe termen lung. În aprilie 2018, valorile desktopului erau încă peste 8 secunde. În octombrie 2018, deseori atingeam marca de 4 secunde.” Nu în ultimul rând, a fost îmbunătățită și disponibilitatea tehnică a site-ului, astfel încât vârfurile de trafic precum cea experimentată de Black Friday pot fi acum gestionate mai bine.

Această optimizare a performanței a adus o întoarcere imediată în vizibilitatea SEO a douglas.de. Între mai 2018 și mai 2019, domeniul a înregistrat o creștere a vizibilității organice cu 25%.

Desigur, Searchmetrics SEO Visibility este doar un indicator inițial al performanței unui site web pe Google. Michael Singer oferă mai multe informații despre alte KPI care au fost afectate de optimizarea douglas.de. „Vizitele au crescut mult, iar cifra de afaceri a cunoscut și o creștere puternică”, spune Michael. Rata de conversie a crescut și ea într-o proporție similară, nu în ultimul rând pentru că SEO este canalul care aduce cea mai mare cifră de afaceri a douglas.de.

Rezultatele optimizării lui Douglas dintr-o privire:

• Timp de încărcare a paginii -50%
• Vizibilitate SEO +25%
• Creștere mare a vizitelor, conversiilor și cifrei de afaceri.

Citiți Factorii de clasare Google Lighthouse 2019

Povestea de succes 4: Cum influențează performanța URL-ului Clasamentul Google pentru TripAdvisor și Expedia

Pentru a investiga relația dintre scorurile Lighthouse Performance și clasamentele Google reale, am decis să efectuez o analiză în industria călătoriilor. Am adunat 3.500 de cuvinte cheie legate de călătorii în jurul subiectelor despre hoteluri, zboruri și rulote și am analizat paginile de clasare pe Google.com, precum și analizarea pozițiilor de clasare ale TripAdvisor și Expedia pentru aceste cuvinte cheie. Rezultatul: TripAdvisor și Expedia se clasează foarte bine atunci când Performanța lor Google Lighthouse este, de asemenea, ridicată:

De ce există o legătură atât de clară aici? Industria călătoriilor online este extrem de competitivă, cu numeroși jucători mari care se luptă. Pe lângă TripAdvisor și Expedia, aveți Booking.com, Hotels.com, FlightRadar etc., toate având un nivel ridicat de încredere și sunt mărci populare bine stabilite. În același timp, este dificil să faci diferența între diferitele mărci. În multe cazuri, conținutul, de exemplu, o descriere a unui hotel, va fi foarte asemănător - acest lucru face ca un site web să iasă în evidență cu un USP major. Și dacă mai multe semnale de clasare sunt în mare parte aceleași - marcă de dimensiuni similare, interfață similară, caracteristici similare, conținut similar - atunci performanța site-ului este probabil să fie factorul decisiv în stabilirea clasamentului.

„ Un timp de încărcare rapid este extrem de important pentru o experiență bună pentru utilizator. Fiecare întrerupere atunci când interacționați cu un site web creează o mică frustrare, iar frustrarea utilizatorului crește cu cât apar mai multe întreruperi. Dacă timpul de încărcare crește cu doar câteva secunde, atunci numeroase site-uri web arată o creștere a ratei de respingere – ceea ce duce în cele din urmă la o scădere a ratei de conversie.” Nils Kattau, specialist în conversie

Pentru a afla cât de relevante sunt rezultatele Google Lighthouse pentru piața dvs., puteți lucra cu factori de clasificare personalizați pentru Searchmetrics. Analizăm datele Google Lighthouse pentru piața dvs. relevantă, le combinăm cu propriile noastre date de clasare Searchmetrics și oferim recomandări concrete și aplicabile pentru optimizarea tehnică a site-ului dvs. Solicitați azi raportul dvs. personal:

Solicitați un audit personalizat Searchmetrics Lighthouse