Šta merimo pre nego što sajt nazovemo brzim

Brzina nije osećaj i nije jedan skor. Marketing sajt može da izgleda trenutan na laptopu developera, a da padne na srednjem telefonu u Beogradu na 4G. Merimo ono na šta korisnici stvarno čekaju, pa sečemo posao koji ne mora da radi u browseru.

Brojevi koji važe

Largest Contentful Paint kaže kada je hero stvaran. Cumulative Layout Shift kaže da li stranica skače dok se fontovi i slike smiruju. Total Blocking Time kaže da li je main thread previše zauzet da primi klik. To tretiramo kao budžet, ne kao screenshot za studiju slučaja.

• LCP ispod 2.0s na usporenom lab profilu je pod, ne pohvala.
• CLS ispod 0.1 - rezervisani prostor za slike, bez kasnog webfonta koji premešta naslov.
• TBT ispod 200ms. Ako widgetu treba klik, učitajte ga na taj klik.

Hidracija je porez koji većina sajtova zaboravi

Stranica koja je "React" nije automatski teška za interakciju. Ako sekcija nema state, ne treba da bude klijentska komponenta. Landing držimo kao server HTML i hidriramo ostrva koja to zasluže: formu, mobilni meni, booking embed. Cal.com ne sme da se skine na first paint. Učitava se kad neko zatraži termin.

Slike dobijaju prave dimenzije, moderne formate i blur placeholder da layout ne skače. Fontovi su self-hosted. Third-party skripte su krive dok ne dokažu da pripadaju kritičnom putu.

Lab skorovi i dalje lažu bez provere u polju

Lighthouse na desktopu je laki režim. I dalje ga pokrećemo jer je regresija tamo jeftin ulov. Broj kome više verujemo je mobilni profil i, kad sajt krene uživo, merenje pravih korisnika. Ako se field podaci ne slažu sa labom, field podaci pobeđuju.

To mislimo pod građen za brzinu. Ne tema sa prekidačem za performanse. Stek u kom podrazumevana putanja radi manje posla.