Acasă / Studii de caz / dondigital.ro
dondigital.ro: de la 62 la 100 în Google Lighthouse, fără să renunțăm la design
dondigital.ro este site-ul nostru: WordPress cu Elementor, o pagină principală cu slideshow de rezultate, peste 20 de studii de caz, blog, pagini de servicii și formulare de contact.
După lansarea noului site, l-am trecut prin PageSpeed Insights. Pe telefon, pagina principală avea 62 la performanță, iar conținutul principal apărea abia după 15,6 secunde. Ne-am propus scorul maxim la toate cele patru capitole, fără să tăiem din design sau din funcționalități. Mai jos sunt toți pașii, în ordinea în care i-am făcut.
Sursa: Lighthouse 12, emulare mobil, rulat în aceleași condiții înainte și după. În PageSpeed Insights, la data publicării: desktop 100 / 100 / 100 / 100, mobil 98 / 100 / 100 / 100.
Punctul de plecare
Site-ul arăta cum ne doream, dar se încărca greu. Pe mobil, Lighthouse dădea 62 la performanță, 91 la accesibilitate, 75 la bune practici și 100 la SEO. Pe desktop: 86, 91, 74 și 100.
Înainte să schimbăm ceva, am notat ce anume încetinea pagina și ce scădea scorurile.
Serverul răspundea în 1,7 secunde, pentru că paginile nu erau păstrate în cache.
Scripturile de măsurare (Google Analytics, Google Ads, Clarity, Ahrefs, Apollo) se încărcau înaintea conținutului.
Imaginile de 1.600 px erau afișate în cutii de 400 px, iar în hero era un PNG de 1,36 MB.
Fonturile veneau de la Google, cu toate grosimile, iar unul dintre ele lipsea și dădea eroare 404.
Câteva texte gri aveau contrast prea mic, iar unele linkuri nu se deosebeau de text.
Raportul Lighthouse pentru pagina principală, înainte de optimizare
Mobil: performanță 62, accesibilitate 91, bune practici 75, SEO 100.
Desktop: performanță 86, accesibilitate 91, bune practici 74, SEO 100.
Cache pe server: de la 1,7 secunde la 30 de milisecunde
Site-ul rulează pe un server LiteSpeed, așa că am folosit LiteSpeed Cache, care e gratuit. Fiecare pagină se generează o singură dată și apoi se servește gata făcută. Timpul de răspuns al serverului a scăzut de la 1,7 secunde la aproximativ 30 de milisecunde.
Am activat și cache-ul de browser pentru imagini, fonturi și fișiere CSS, ca vizitatorul care revine să nu le mai descarce.
JavaScript doar când e nevoie de el
Am amânat tot JavaScript-ul până la prima interacțiune a vizitatorului: scroll, atingerea ecranului, mișcarea mouse-ului sau o tastă. Pagina se afișează imediat, fără să aștepte scripturile.
Meniul de pe mobil, acordeoanele, filtrele de pe blog și slideshow-ul sunt făcute doar din CSS, deci funcționează din prima secundă. Am lăsat să ruleze imediat doar două scripturi mici: cel care încarcă pozele din slideshow și cel al comparatorului înainte și după.
Aici a apărut și singura problemă serioasă: cu scripturile amânate, formularele Elementor Pro nu mai trimiteau prin AJAX. Am găsit cauza, am reparat-o și am verificat trimiterea pe fiecare formular.
Compromisul acceptat: vizitatorii care pleacă fără nicio interacțiune nu mai apar în Google Analytics și Clarity. În practică sunt vizite de câteva secunde și boți. Conversiile din formulare se măsoară integral.
Imaginea principală, prima la încărcare
Pe telefon, elementul principal al paginii e prima imagine din slideshow. Am făcut pentru ea o variantă de 720 px, de aproximativ 30 KB, pe care browserul o cere înaintea oricărei alte imagini.
Primul slide stă pe loc până la prima interacțiune sau până trec opt secunde, abia apoi pornește rotația. Celelalte slide-uri se încarcă după ce pagina e afișată.
Toate imaginile, la mărimea potrivită
Am trecut toate imaginile în WebP și am pus fiecăreia variante de mărime, alese automat după locul în care apare: card, siglă, slideshow sau imagine întreagă. Telefonul primește imagini de telefon, nu de monitor.
Fiecare imagine are lățimea și înălțimea declarate, așa că pagina nu mai sare cât se încarcă. Imaginile de sub primul ecran se încarcă doar când ajungi la ele. Greutatea paginii principale a scăzut de la 3,5 MB la 0,5 MB.
Fonturi și CSS
Am mutat fontul pe server, am păstrat o singură familie și am scos fonturile nefolosite. Browserul cere fontul de la început, inclusiv fișierul separat cu diacritice: ă, ș, ț, â și î stau într-un fișier aparte și, dacă întârzie, apar în alt font, în mijlocul cuvântului.
CSS-ul este combinat și minificat. Am încercat și să îl punem tot în pagină, dar HTML-ul a crescut la 367 KB și pagina s-a încărcat mai greu, așa că am revenit.
Accesibilitate, bune practici și SEO
Pentru celelalte trei capitole am rezolvat, pe rând, fiecare problemă raportată de Lighthouse pe toate cele 39 de pagini.
Griurile de pe fundal alb au devenit mai închise, cu un contrast de cel puțin 4,5 la 1.
Linkurile din paragrafe sunt subliniate, ca să se deosebească de text și fără culoare.
Pe pagina de autor am corectat rolurile ARIA, linkurile „citește” și ținta linkului de sărit la conținut.
Fiecare tip de pagină are descriere pentru Google, inclusiv pagina de autor.
Nicio eroare în consolă, niciun fișier lipsă, niciun cookie terț la încărcarea paginii.
Am verificat că totul funcționează la fel
Un scor bun nu ajută dacă se strică ceva. Am verificat ca vizitator, pe desktop și pe ecran de telefon, formularele de contact, meniul de pe mobil, acordeoanele, filtrele de pe blog, slideshow-ul, caruselul de articole și comparatoarele înainte și după din studiile de caz.
La final am rulat Lighthouse pe toate cele 39 de pagini din sitemap, pe mobil și pe desktop.
Rezultate
Pe pagina principală, în Lighthouse, scorurile pe mobil au urcat de la 62 / 91 / 75 / 100 la 100 / 100 / 100 / 100. Pe desktop, de la 86 / 91 / 74 / 100 la 100 / 100 / 100 / 100. Conținutul principal apare pe telefon în 1,7 secunde, față de 15,6 secunde.
În PageSpeed Insights, la data publicării, desktopul are 100 la toate capitolele, iar mobilul 98 / 100 / 100 / 100. Diferența de pe mobil vine din Speed Index măsurat pe serverele Google, pe care îl urmărim în continuare.
PageSpeed Insights, mobil, 22 octombrie 2026: 98 / 100 / 100 / 100.
PageSpeed Insights, desktop, 22 octombrie 2026: 100 la toate cele patru capitole.
Alte studii de caz
Toate studiile de caz
Vrei mai mulți clienți,
nu doar like-uri?
Primești gratuit o analiză a site-ului, a traficului și a reclamelor tale, cu locurile în care pierzi clienți și ce am face primul.