Kodėl mano svetainė lėta ir nuo ko pradėti taisyti?
Beveik visada lemia trys dalykai, ir jie beveik visada ta pačia tvarka: per didelės nuotraukos, renderinimą blokuojantys CSS ir JavaScript failai, ir lėtas serverio atsakymas. Viskas kita yra smulkmenos, kurios pasimato tik tada, kai tie trys jau sutvarkyti.
Svarbiausia neapsigauti dėl skaičiaus. PageSpeed balas yra simuliacija lėtu ryšiu, o ne matavimas to, ką patiria tavo lankytojas. Naudingi yra ne balas, o metrikos po juo.
Trys metrikos, kurios ką nors reiškia
LCP — kada nupieštas didžiausias matomas elementas. Dažniausiai tai pirmoji nuotrauka arba antraštė. Blogas LCP beveik visada reiškia arba sunkų paveikslėlį, arba šriftą, kurio laukiama.
INP — kiek laiko puslapis negirdi paspaudimo. Blogas INP reiškia JavaScript, kuris dirba tada, kai žmogus jau nori veikti.
CLS — kiek turinys šokinėja krovimosi metu. Beveik visada kaltos
nuotraukos be width ir height arba reklamos blokai, atsirandantys vėliau.
Nuo ko pradėti
Nuotraukos. Vienas 2 MB paveikslėlis kainuoja daugiau nei visos likusios
optimizacijos kartu. Konvertuok į WebP, sumažink iki tikro rodomo dydžio,
pridėk width ir height.
Renderinimą blokuojantys failai. Naršyklė nepieš nieko, kol negaus CSS. Jei jo failas didelis arba jų keli, kiekvienas yra atskira užklausa prieš pirmą pikselį.
Serverio atsakymas. Jei TTFB didesnis nei ~600 ms, jokia priekinė optimizacija nepadės — laukiama serverio. Čia dažniausiai padeda kešas arba CDN, o ne kodo perrašymas.
Ką dažnai taiso be reikalo
Minifikaciją, kai puslapis sveria 3 MB dėl nuotraukų. Šriftų preload'ą, kai šriftų iš viso trys. Trečios šalies skriptų „optimizavimą", kai jų vienas.
Tvarka svarbi todėl, kad pirmas punktas dažnai duoda daugiau nei visi likusieji.
Nemokamas skenas parodo LCP, INP ir CLS iš Google matavimo, plius konkrečius failus, kurie blokuoja renderinimą.
Dažni klausimai
Ar greitis tikrai veikia pozicijas?
Veikia, bet mažiau, nei įprasta manyti. Google jį apibūdina kaip skiriamąjį veiksnį tarp panašaus turinio puslapių: greitesnis laimi tada, kai turinys lygiavertis. Prasto turinio greitis nepakelia.
Kodėl mano balas kaskart skiriasi?
Nes tai simuliacija. Tas pats puslapis be jokių pakeitimų svyruoja per 3–5 taškus. Prasminga žiūrėti tendenciją, ne vieną matavimą.
Ką reiškia „nepakanka lauko duomenų"?
Kad tavo svetainėje per mažai tikrų Chrome lankytojų, todėl Google neturi ką parodyti. Tai ne klaida — tik ženklas, kad srauto dar mažai.
Ar užtenka įsijungti CDN?
Jis pagreitina atsakymą ir statiką, bet nesumažins 2 MB nuotraukos. CDN padeda TTFB ir pakartotiniams apsilankymams, o ne pirmam piešimui.
Pasitikrink
Nemokamas skenas parodo, ką iš to, kas aprašyta, tavo svetainė jau daro, o ko — ne.