Svetainės greitis: kodėl svarbu ir kaip patikrinti

Trumpas atsakymas: greitis svarbus todėl, kad žmogus telefone laukia kelias sekundes ir grįžta atgal į paiešką, o Google lėtesnę svetainę rodo žemiau nei greitą. Patikrinti jį galima nemokamai per penkias minutes su Google įrankiu PageSpeed Insights. Dažniausios lėtumo priežastys yra nesuspaustos nuotraukos, per daug iš šalies prikabintų skriptų ir lėta priegloba.

Kodėl greitis apskritai svarbus

Įsivaizduokite žmogų, kuris stovi eilėje prie kasos ir telefone ieško santechniko. Jis atsidaro tris svetaines iš eilės. Ta, kuri užsikrauna vėliausiai, praranda jį anksčiausiai, dar prieš tai, kai jis pamato kainą ar telefono numerį. Nėra jokio antro šanso, nes jis net nesužinojo, kad jūs egzistuojate.

Antras dalykas yra Google. Greitis nėra svarbiausias rikiavimo veiksnys, ir būtų nesąžininga sakyti, kad pagreitinę svetainę iškart atsidursite viršuje. Bet kai du panašūs puslapiai varžosi dėl tos pačios vietos, greitis yra vienas iš tų mažų svertų, kurie nusveria. Google net turi atskirą rodiklių rinkinį, kuriuo tai matuoja.

Trečias dalykas, kurį Lietuvoje lengva pamiršti: didelė dalis lankytojų ateina telefonu, dažnai per mobilųjį ryšį, o ne per namų internetą. Traukinyje, mašinoje, kaime pas tėvus ryšys būna trigubai lėtesnis nei jūsų biure. Jei tikrinate svetainę tik savo kompiuteriu su optiniu internetu, matote geriausią įmanomą atvejį, o ne tą, kurį mato klientas.

Kaip patikrinti pačiam per penkias minutes

Atsidarykite pagespeed.web.dev, įklijuokite savo svetainės adresą ir spauskite analizuoti. Įrankis nemokamas, veikia lietuviškai ir nieko neinstaliuojate. Po pusės minutės gausite du atskirus rezultatus: mobiliajam ir kompiuteriui.

Tikrinkite ne tik pagrindinį puslapį. Paleiskite tą patį patikrinimą bent trims adresams: pradžios puslapiui, vienam paslaugos puslapiui ir kontaktams. Dažnai pasirodo, kad pagrindinis puslapis tvarkingas, o kažkuris vidinis vilkina viską dėl vienos didelės nuotraukos.

Skaičius nuo 0 iki 100 viršuje yra tik santrauka. Nesivaikykite šimto. Praktikoje mobiliajame virš 70 jau yra gerai, virš 90 puiku, o po 50 tikrai yra ką taisyti. Daug naudingiau žemiau esantys trys rodikliai.

LCP: kada pasirodo pagrindinis vaizdas

LCP matuoja, per kiek laiko ekrane atsiranda didžiausias matomas elementas, dažniausiai viršutinė nuotrauka arba antraštė. Tai artimiausias skaičius tam, ką žmogus vadina „užsikrovė“. Iki 2,5 sekundės yra gerai, virš 4 sekundžių jau juntamai lėta.

CLS: ar turinys šokinėja

CLS matuoja, kiek puslapis kruta krovimosi metu. Bandote paspausti mygtuką, tuo metu virš jo įsikrauna nuotrauka, viskas pasislenka žemyn ir pataikote ne ten. Erzina labiausiai iš visų trijų. Dažniausia priežastis paprasta: nuotraukoms nenurodyti matmenys, tad naršyklė iš anksto nežino, kiek vietos joms palikti.

INP: kaip greitai reaguoja paspaudimai

INP matuoja, per kiek laiko puslapis atsako į veiksmą: paspaudėte meniu, o jis atsidaro tik po sekundės. Beveik visada kaltas per didelis kiekis fone besisukančio kodo. Iki 200 milisekundžių yra gerai.

Dar viena smulkmena, kuri painioja: PageSpeed rodo dviejų rūšių duomenis. Vieni surinkti iš tikrų lankytojų per pastarąsias savaites, kiti gauti čia ir dabar, imituojant vidutinį telefoną. Jei svetainė nauja arba lankoma retai, tikrų duomenų dalies tiesiog nebus. Tai normalu, ne klaida.

Dažniausios lėtumo priežastys

Mūsų patirtimi, beveik visi lėtumo atvejai telpa į šešias eilutes.

Nesuspaustos nuotraukos. Tai pirma vieta iš didelio atotrūkio. Fotografo atsiųsta nuotrauka sveria 6 MB, o puslapyje jos reikia 200 KB. Dešimt tokių nuotraukų vienoje galerijoje ir jokia priegloba nebeišgelbės.
Per daug įskiepių ir skriptų. Pokalbių langelis, dvi slankiojančios juostos, atsiliepimų valdiklis, žemėlapis, iššokantis pasiūlymas. Kiekvienas atskirai atrodo nekaltas, bet kartu jie sudeda kelias sekundes.
Lėta priegloba. Pigus bendras serveris atsakinėja tada, kada spėja, ypač jei tame pačiame serveryje sėdi dar šimtas svetainių.
Šriftai iš kelių šaltinių. Trys šriftų šeimos iš dviejų skirtingų tarnybų reiškia papildomus prisijungimus prieš tai, kai atsiranda pirmoji raidė.
Vaizdo įrašai fone. Gražu pristatyme, brangu gyvenime. Automatiškai paleidžiamas vaizdo įrašas viršuje dažnai vienas sveria daugiau nei visas likęs puslapis.
Sekimo kodai. Analitika, keli reklamos taškai, šilumos žemėlapiai. Retai kas juos peržiūri po metų, o veikti jie nenustoja.

Nuo ko taisyti pirmiausia

Eiliškumas svarbus, nes pirmi du žingsniai duoda daugiau naudos nei visi likusieji kartu.

Suspauskite ir sumažinkite nuotraukas. Perkelkite jas į šiuolaikinį formatą ir nurodykite kiekvienai plotį bei aukštį.
Išjunkite tai, ko nenaudojate. Kiekvienas įskiepis, kurio negalite paaiškinti vienu sakiniu, yra kandidatas išmesti.
Atidėkite tai, kas nematoma iš karto. Žemėlapis, galerija ir pokalbių langelis gali įsikrauti tada, kai lankytojas nuslenka žemyn.
Sutvarkykite šriftus. Palikite du stilius vienoje šeimoje ir laikykite juos savo svetainėje, ne svetimoje tarnyboje.
Peržiūrėkite sekimo kodus. Palikite tuos, kurių skaičius kas nors iš tikrųjų žiūri.
Tik tada galvokite apie prieglobą. Perkraustymas į greitesnį serverį prastai padarytos svetainės neišgelbės.

Po kiekvieno žingsnio patikrinkite iš naujo. Taip matote, kuris pakeitimas ką davė, ir nebandote taisyti to, kas jau tvarkinga.

Kodėl Webflow svetainės dažniausiai greitos

Webflow atveju dalis darbo padaryta iš anksto. Puslapiai paduodami per pasaulinį turinio tinklą, tad failai keliauja iš arčiausio taško, o ne iš vieno serverio. Nuotraukos automatiškai paverčiamos lengvesniu formatu ir pateikiamos pagal ekrano dydį. Nėra dešimties įskiepių, kurie krautųsi vien tam, kad veiktų forma. Priegloba kainuoja apie 15-25 EUR per mėnesį ir serverio niekam administruoti nereikia.

Bet platforma neišgelbės nuo autoriaus. Jei į Webflow įkelsite tą pačią 6 MB nuotrauką, ji ir bus sunki. Jei prikabinsite penkias išorines paslaugas, jos ir stabdys. Greitis pusiau priklauso nuo sistemos, pusiau nuo to, kas ir kaip į ją sudėta. Apie kitą tos pačios monetos pusę rašėme tekste Webflow SEO: ką gauni iš karto: platforma padaro pagrindus, o likusi dalis lieka žmogaus darbas.

Kada verta ne lopyti, o perdaryti

Būna atvejų, kai greitinti seną svetainę yra brangiau nei padaryti naują. Trys ženklai, kad esate ten:

Svetainėje daugiau nei dešimt įskiepių ir niekas nebežino, kuris už ką atsakingas.
Tema pirkta prieš penkerius metus, jos autorius dingęs, o atnaujinimas kaskart kažką sugadina.
Mobiliajame rezultatas apie 30 ir jis nekyla net išjungus pusę turinio.

Tokiu atveju kelias valandas kainuojantis lopymas duoda kelis taškus, o nauja svetainė duoda ir greitį, ir tvarką, ir galimybę pačiam keisti turinį. Kaip atrodo toks perėjimas žingsnis po žingsnio, aprašėme puslapyje apie perkėlimą iš WordPress. Orientacines kainas laikome atvirai kainos puslapyje: paprasta svetainė nuo 1 500 EUR, didesnė nuo 3 000 EUR.

Ką daryti toliau

Paleiskite patikrinimą trims savo puslapiams ir pasižiūrėkite į mobiliojo rezultatą. Jei jis žemiau 50, taisyti verta jau šį mėnesį. Jei tarp 50 ir 80, dažniausiai užtenka nuotraukų ir kelių išjungtų skriptų.

Jei nesinori narplioti pačiam, atsiųskite adresą per nemokamą auditą. Peržiūrime svetainę ir per porą dienų parašome, kas ją stabdo ir ką verta daryti pirmiausia. Be įpareigojimų, ir be sąrašo darbų, kurių jums nereikia.