Greičio testas

Greičio testas: išmatuokite TTFB, LCP, INP ir CLS rodiklius

Lankytojas atsidaro jūsų svetainę ir per pirmąsias sekundes nusprendžia, ar liks. Jei puslapis krauna lėtai, tekstas šokinėja, o mygtukai nereaguoja į spustelėjimą, žmogus tiesiog uždaro langą ir eina pas konkurentą. Būtent todėl svarbu žinoti, kaip iš tikrųjų veikia jūsų puslapis. Greičio testas tai parodo skaičiais: išmatuoja keturis pagrindinius rodiklius (TTFB, LCP, INP ir CLS) ir pasako, kur viskas gerai, o kur reikia dirbti.

Šie rodikliai nėra vien techniniai skaičiai inžinieriams. Trys iš jų (LCP, INP ir CLS) sudaro Google Core Web Vitals rinkinį, kuris tiesiogiai veikia jūsų vietą paieškos rezultatuose. Kitaip tariant, greitesnė ir stabilesnė svetainė ne tik patinka lankytojams, bet ir geriau matoma paieškoje. Toliau paaiškinsime, ką reiškia kiekvienas rodiklis, kokios reikšmės laikomos geromis ir ką daryti, jei rezultatai nedžiugina.

Kodėl svetainės greitis apskritai svarbus

Greitis yra pirmasis įspūdis. Prieš perskaitydamas nors žodį, lankytojas pajunta, ar puslapis reaguoja sklandžiai, ar strigdamas. Lėta svetainė kelia įtarimą: jei nesirūpinama technine puse, gal ir paslauga bus prasta?

Yra ir konkreti nauda. Greitesni puslapiai išlaiko daugiau lankytojų, generuoja daugiau pardavimų ir mažiau kainuoja reklamos požiūriu, nes žmonės nespėja pabėgti dar neužsikrovus puslapiui. Mobiliuosiuose įrenginiuose tai dar svarbiau, nes ryšys ne visada spartus, o kantrybė dar mažesnė.

Google savo ruožtu greitį vertina kaip svarbų signalą. Core Web Vitals rodikliai atspindi realią lankytojų patirtį (kaip greitai puslapis užsikrauna, kaip greitai reaguoja į veiksmus ir kiek jis stabilus vizualiai). Prasti rezultatai gali nustumti jus žemyn paieškoje, nors turinys būtų puikus.

TTFB: kiek laukiate pirmojo atsakymo

TTFB (Time to First Byte) matuoja, per kiek laiko naršyklė gauna pirmąjį duomenų baitą iš serverio po to, kai išsiunčia užklausą. Paprastai tariant, tai laikas nuo momento, kai spaudžiate nuorodą, iki akimirkos, kai serveris pradeda atsakyti.

Šis rodiklis nėra Core Web Vitals dalis, bet jis yra pamatas visiems kitiems. Jei serveris atsako lėtai, viskas, kas vyksta toliau (turinio piešimas, sąveikos apdorojimas), prasideda pavėluotai. Aukštas TTFB dažnai reiškia lėtą serverį, prastą prieglobą, per didelį atstumą tarp lankytojo ir serverio arba neoptimizuotą duomenų bazę.

Geras TTFB paprastai laikomas žemiau 800 milisekundžių, o idealu siekti dar mažiau. Jei rodiklis didelis, verta pažiūrėti į prieglobos kokybę, įdiegti spartinančiąją atmintį (cache) ir apsvarstyti turinio pristatymo tinklą (CDN), kuris atsakymus tiekia iš arčiausiai lankytojo esančio serverio.

LCP: kada matomas pagrindinis turinys

LCP (Largest Contentful Paint) matuoja, per kiek laiko užsikrauna didžiausias matomas puslapio elementas: dažniausiai tai stambi nuotrauka, antraštė arba pagrindinis teksto blokas. Šis rodiklis atsako į paprastą klausimą: kada lankytojas mato, kad puslapis iš tikrųjų įsikrovė, o ne rodo tuščią ekraną?

Google vertinimu, geras LCP yra 2,5 sekundės arba greičiau.

Dažniausios lėto LCP priežastys yra per didelės, nesuspaustos nuotraukos, lėtas serveris ir per daug JavaScript ar CSS, kuris blokuoja atvaizdavimą. Sprendimai: optimizuoti ir suspausti paveikslėlius, naudoti šiuolaikinius formatus (WebP, AVIF), atidėti nebūtiną kodą ir pagreitinti serverio atsaką.

INP: kaip greitai puslapis reaguoja į veiksmus

INP (Interaction to Next Paint) matuoja puslapio reakcijos greitį. Kai spaudžiate mygtuką, atidarote meniu ar užpildote lauką, INP parodo, per kiek laiko puslapis vizualiai atsako į tą veiksmą. Skirtingai nei senesnis rodiklis FID, INP vertina viso apsilankymo sąveikas, ne tik pirmąją.

INP tapo oficialiu Core Web Vitals rodikliu 2024 metų kovo 12 dieną, pakeitęs FID.

Šis pokytis nemažai svetainių padarė pažeidžiamų: nemaža dalis puslapių, kurie sėkmingai praeidavo senąjį FID, nebeatitinka INP reikalavimų. Pagrindinė lėto INP priežastis yra sunkus JavaScript, kuris užima pagrindinę naršyklės giją ir neleidžia jai laiku sureaguoti. Padeda kodo skaidymas į mažesnes dalis, nereikalingų skriptų šalinimas ir sudėtingų skaičiavimų atidėjimas.

CLS: ar puslapis nešokinėja

CLS (Cumulative Layout Shift) matuoja vizualinį stabilumą. Ar teko norėti paspausti mygtuką, bet paskutinę akimirką puslapio turinys pasislinko ir spustelėjote visai ne ten? Būtent tokį erzinantį šokinėjimą ir įvertina CLS.

Skirtingai nuo kitų rodiklių, CLS matuojamas ne laiku, o santykiniu dydžiu. Geru laikomas CLS 0,1 arba mažesnis. Reikšmė iki 0,25 reikalauja tobulinimo, o didesnė jau laikoma prasta.

Dažniausios priežastys: paveikslėliai ir reklamos be iš anksto nurodytų matmenų, vėliau užsikraunantys šriftai, keičiantys teksto išdėstymą, ir dinamiškai įterpiamas turinys, stumiantis viską žemyn. Sprendimai paprasti: iš anksto nurodyti nuotraukų ir reklaminių blokų dydžius, rezervuoti vietą besikraunančiam turiniui ir tvarkingai valdyti šriftų užkrovimą.

Greita rodiklių apžvalga

RodiklisKą matuojaGera reikšmėPrasta reikšmė
TTFBServerio atsako laikąiki 800 msvirš 1800 ms
LCPPagrindinio turinio užkrovimąiki 2,5 svirš 4 s
INPReakciją į veiksmusiki 200 msvirš 500 ms
CLSVizualinį stabilumąiki 0,1virš 0,25

LCP, INP ir CLS slenksčiai atitinka Google Core Web Vitals rekomendacijas.

Laboratoriniai ir realūs duomenys

Matuojant greitį svarbu suprasti, kad yra du duomenų tipai. Laboratoriniai duomenys renkami kontroliuotoje aplinkoje, kai įrankis pats užkrauna puslapį standartinėmis sąlygomis. Jie patogūs kūrimo metu, nes rezultatą galima pakartoti ir palyginti prieš ir po pakeitimų.

Realūs duomenys (dar vadinami field data) renkami iš tikrų lankytojų su jų įrenginiais ir ryšiu. Būtent šie duomenys lemia jūsų Core Web Vitals įvertinimą paieškoje, nes jie atspindi tikrą patirtį. Google vertina 75-tąjį procentilį realių apsilankymų.

Praktikoje verta žiūrėti į abu. Laboratoriniai duomenys padeda greitai rasti ir ištaisyti problemas, o realūs parodo, ar pataisymai tikrai pasiekė lankytojus. Kartais laboratorijoje viskas atrodo puikiai, bet realūs vartotojai su senesniais telefonais mato visai kitokį vaizdą.

Kaip vyksta greičio testas

Iš esmės procesas paprastas:

graph TD
  A["Ivedate svetaines adresa"] --> B["Testas uzkrauna puslapi"]
  B --> C["Matuojami TTFB, LCP, INP, CLS"]
  C --> D["Gaunate rodiklius ir ivertinima"]
  D --> E{"Ar rodikliai geri?"}
  E -->|"Taip"| F["Stebite reguliariai"]
  E -->|"Ne"| G["Optimizuojate silpnas vietas"]
  G --> B

Įrašote adresą, testas užkrauna puslapį ir per kelias akimirkas pateikia kiekvieno rodiklio reikšmę su spalviniu įvertinimu. Žalia reiškia, kad viskas gerai, geltona (reikia tobulinti), raudona (rimta problema). Toliau imatės silpniausios vietos, atliekate pakeitimus ir testuojate vėl.

Ką daryti su prastais rezultatais

Jei testas parodė raudonų zonų, nesibaiminkite. Beveik kiekvieną rodiklį galima pagerinti nuosekliais žingsniais.

  • Lėtas TTFB. Pagerinkite prieglobą, įjunkite spartinančiąją atmintį, naudokite CDN, optimizuokite duomenų bazę.
  • Lėtas LCP. Suspauskite ir optimizuokite paveikslėlius, atidėkite nebūtiną JavaScript ir CSS, pagreitinkite serverį.
  • Lėtas INP. Sumažinkite ir suskaidykite JavaScript, pašalinkite nereikalingus skriptus, atidėkite sunkius skaičiavimus.
  • Aukštas CLS. Nurodykite paveikslėlių ir reklaminių blokų matmenis, rezervuokite vietą besikraunančiam turiniui, tvarkingai užkraukite šriftus.

Svarbiausia dirbti nuosekliai: ištaisykite vieną dalyką, pertestuokite, pamatykite skirtumą. Taip aiškiai matysite, kas veikia, ir nepasimesite tarp daugybės galimų pakeitimų.

Kodėl verta testuoti reguliariai

Svetainė nėra sustingęs objektas. Pridedate naujų nuotraukų, įdiegiate papildinį, pakeičiate šabloną, ir greitis nepastebimai suprastėja. Todėl vienkartinis testas neužtenka. Reguliarus tikrinimas padeda pastebėti problemas anksti, dar prieš joms pakenkiant lankytojams ir pozicijoms paieškoje.

Verta įsivesti įprotį patikrinti greitį po kiekvieno didesnio pakeitimo ir bent kartą per mėnesį, net jei nieko akivaizdaus nekeitėte. Beje, statistika rodo, kad tik apie pusė puslapių praeina visus tris Core Web Vitals reikalavimus, tad geri rodikliai iš tikrųjų išskiria jus iš minios.

Pradėkite jau dabar

Greičio testas užtrunka vos kelias akimirkas, bet duoda aiškų atsakymą apie tai, kaip jūsų svetainę patiria realūs žmonės. Sužinoję TTFB, LCP, INP ir CLS reikšmes, žinosite ne tik ar puslapis greitas, bet ir kur konkrečiai slypi problema.

Įrašykite savo svetainės adresą, atlikite testą ir pažiūrėkite, ką matuokliai rodo šiandien. Jei rodikliai geri, puiku, tereikia juos palaikyti. Jei ne, dabar tiksliai žinosite, nuo ko pradėti. Greitesnė, stabilesnė svetainė reiškia patenkintus lankytojus ir geresnes pozicijas paieškoje, o kelias link jos prasideda nuo vieno paprasto matavimo.

Į viršų