Am luat site-ul propriu și l-am supus testului PageSpeed. Scorul de performanță: 88. Nu e rău, dar nici grozav. Am decis să văd cât de sus pot ajunge fără să rescriu totul. Rezultatul: 93. Aici e exact ce am făcut pentru optimizare performanță site web, fără magie și fără cifre inventate.
Am început cu imaginile — cel mai mare câștig
Imaginile erau principalul vinovat. Le încărcam direct din folderul de upload, fără redimensionare. Am făcut trei schimburi simple:
- Am convertit toate imaginile în format WebP. Fișierele au devenit mai mici, iar diferența vizuală e greu de observat.
- Am adăugat atribute width și height la fiecare img, ca browserul să rezerve spațiul corect și să evite salturile de layout.
- Am activat lazy loading nativ pentru imaginile care nu se văd imediat. Cele de deasupra pliului se încarcă normal, restul așteaptă.
Doar aceste modificări au ridicat scorul cu câteva puncte. Nu am atins codul.
Fonturile și CSS-ul care blocau randarea
Site-ul folosea un font extern încărcat din Google Fonts. Bloca randarea până se descărca fișierul. Am rezolvat așa:
- Am mutat fontul local, cu font-display: swap. Textul se afișează imediat cu un font de rezervă, apoi se schimbă.
- Am eliminat CSS-ul nefolosit. Folosisem un framework întreg pentru câteva clase. Am scris manual stilurile de care aveam nevoie — au rămas sub 10 KB.
- Am inline-at CSS-ul critic direct în head, ca prima pictură să nu aștepte un request extern.
JavaScript: am tăiat tot ce nu foloseam
Aveam un script de analytics încărcat sincron. L-am făcut async și l-am mutat la finalul paginii. Am eliminat și două biblioteci JS rămase din prototip. Fiecare kilobyte de JS economisit se simte direct în timpul de interactivitate.
Ce a contat cel mai mult
Dacă ar fi să repet procesul, aș începe tot cu imaginile. Apoi cu fonturile. Abia apoi cu JavaScript-ul. Ordinea asta aduce rezultate rapide fără să rupi nimic.
Un scor de 93 nu e perfect, dar e suficient pentru un site de prezentare. Diferența dintre 88 și 93 se simte în încărcare, mai ales pe mobil. Iar pe mobil vin majoritatea vizitatorilor.
Dacă vrei să treci prin același proces, începe cu un test PageSpeed, notează exact ce îți semnalează și ia problema cu cel mai mare impact. Nu încerca să repari totul deodată.
