Site-ul ăsta, măsurat.
Înainte și după, cu date.
Încă nu am un portofoliu de clienți pe care să-l pot arăta. Am site-ul pe care îl citești: l-am construit, l-am măsurat și l-am reparat acolo unde cifrele nu ieșeau. Mai jos sunt cifrele, fiecare cu data ei.
PageSpeed, pagina principală
LCP pe mobil, pagina principală
Pixel 7, pagina principală
Ce s-a schimbat, în cifre
Scorurile PageSpeed variază de la o rulare la alta, așa că trec mediana mai multor rulări.
| Măsurătoare | Înainte | După | Metodă și dată |
|---|---|---|---|
| Performanță pe mobil, / | 69 | 99 | Lighthouse pe mobil · 16 sep → 31 oct |
| Performanță pe mobil, /servicii | 68 | 99 | Lighthouse pe mobil · 16 sep → 31 oct |
| LCP pe mobil, / | 3,7 s | 1,3 s | Lighthouse pe mobil · 16 sep → 31 oct |
| TBT pe mobil, / | 540–630 ms | 98 ms | Lighthouse pe mobil · 16 sep → 31 oct |
| Fonturi descărcate | 10 fișiere, 192 KB | 5 fișiere, 112 KB | Fișierele de font · 24 oct |
| Date la scroll complet, / | 22,5 MiB | 17,2 MiB | Pixel 7, producție · 24 oct |
Ce am schimbat, în ordine
- 01
Fonturile nu mai blochează prima afișare14 sep
Zece fișiere de font preîncărcate (~301 kB) se descărcau odată cu foaia de stil și o întârziau. Am scos axa de lățime din Archivo și am pus CSS-ul direct în pagină. Măsurat local, LCP-ul pe mobil a scăzut de la 3,1 s la 1,1 s.
- 02
Pagina nu mai sare când apare fontul16 sep
Pe /servicii, coloana din primul ecran se muta când fontul de marcă îl înlocuia pe cel de rezervă. Am rezervat spațiul pentru titlu și am aliniat coloana sus. Măsurat local, CLS-ul a scăzut de la 0,636 la 0,036.
- 03
Fără fonturi preîncărcate17 sep
PageSpeed estima o afișare întârziată cât timp fonturile se descărcau înaintea paginii. Fără preîncărcare, scorul pe mobil a urcat de la 88–92 la 97–99 pe /servicii și de la 88–89 la 95–96 pe pagina principală.
- 04
Cadrele filmului în WebP, fonturile tăiate pe română24 oct
Filmul de pe pagina principală are peste 300 de cadre. Le-am trecut din JPEG în WebP, iar fiecare font păstrează doar literele latine și ĂăȘșȚț. Un scroll complet pe telefon descarcă acum 17,2 MiB în loc de 22,5.
Întrebări frecvente
Scrie-mi direct pe e-mail →
Pentru că e singura lucrare pe care o pot arăta integral, cu codul și cu cifrele. Site-urile de clienți vor apărea aici doar cu acordul lor și doar cu cifre măsurate.
Da. Deschide PageSpeed Insights, pune adresa site-ului și alege „Mobil”. Scorul se mișcă de la o rulare la alta cu câteva puncte, de aceea, la scoruri și LCP, în tabel trec mediana; unde am doar intervalul rulărilor, trec intervalul.
Sunt aceeași metodă, Lighthouse pe mobil cu limitare simulată a rețelei și a procesorului. Cele din 16 sep au rulat pe laptopul meu, cele din 31 oct pe serverele PageSpeed. Intervențiile marcate „măsurat local” vin dintr-o copie a site-ului de pe calculatorul meu, nu din producție.
Google publică date de teren (CrUX) doar pentru site-uri cu destul trafic, iar site-ul ăsta nu are încă. Până atunci, cifrele sunt de laborator.
Aceleași lucruri: performanța pe mobil, LCP, CLS și cât descarcă o vizită, înainte de lansare și după. Ținta pentru un site de prezentare e 90+ pe mobil, cea de pe pagina de servicii.
Vrei un site măsurat la fel?
Scrie-mi.
Fără intermediari: lucrezi direct cu mine, Andrei Bădulescu.
CONTRACT ȘI FACTURĂ • PREȚURI ÎN EURO, FACTURATE ÎN LEI