Kodulehe kiirus ja Core Web Vitals: mida ettevõtja peab teadma

Aeglane koduleht on selline probleem, mida külastaja ei kirjelda sõnadega. Ta lihtsalt ei oota, kuni leht laeb, ja läheb mujale. Sina ei näe seda kunagi, sest see külastaja ei jõudnud sinu statistikasse ega päringuni.

Google kirjeldab kodulehe kiirust ja stabiilsust kolme mõõdikuga, mida nimetatakse Core Web Vitals. Nende mõistmine aitab sul aru saada, kas sinu leht on külastajale kiire, ja mida sellega peale hakata.

Mis on Core Web Vitals

Core Web Vitals on kolm mõõdikut, mis mõõdavad kasutaja tegelikku kogemust lehel. Neid mõõdetakse tegelike külastuste põhjal ja hinnatakse enamiku külastuste järgi, mitte parima juhtumi järgi.

• LCP (Largest Contentful Paint): kui kiiresti ilmub nähtavale lehe suurim sisuelement, tavaliselt peapilt või pealkiri. Hea tulemus on kuni 2,5 sekundit.
• INP (Interaction to Next Paint): kui kiiresti leht reageerib kasutaja tegevusele, näiteks klõpsule või puudutusele. Hea tulemus on kuni 200 millisekundit.
• CLS (Cumulative Layout Shift): kui palju leht laadimise ajal ringi hüppab. Hea tulemus on kuni 0,1.

INP asendas 2024. aasta märtsis varasema mõõdiku FID. Kui loed vanemat juhendit, mis räägib FID-ist, siis see on aegunud.

Kuidas oma kodulehte mõõta

Mõõtmiseks ei ole vaja tehnilist oskust. Kaks tasuta tööriista annavad juba hea pildi.

• 01PageSpeed Insights: sisesta oma lehe aadress ja saad tulemused nii telefoni kui arvuti kohta. Vaata eraldi „päris kasutajate andmeid” ja laborikatse tulemusi, sest need võivad erineda.
• 02Google Search Console: kui oled selle oma kodulehele ühendanud, näitab raport „Core Web Vitals” kogu saidi kohta, millised lehed vajavad parandamist.

Kuidas PageSpeed Insightsi aruannet lugeda

Aruanne võib esmapilgul ülekoormatud tunduda, kuid saab jagada kolmeks osaks, mis aitavad kiiresti aru saada, kust alustada.

• Päris kasutajate andmed lehe ülaosas: näitavad, kas leht läbib Core Web Vitalsi hindamise. See on kõige olulisem osa, kuid see ilmub ainult siis, kui lehel on piisavalt külastusi.
• Mõõdikud: LCP, INP ja CLS eraldi. Vaata, milline neist on kõige nõrgem, ja alusta sellest.
• Soovitused ja diagnostika: konkreetsed asjad, mida parandada, koos hinnangulise võiduga. Ära proovi kõiki korraga, vali need, mis mõjutavad nõrgimat mõõdikut.

Kui LCP on halb, uuri aruandest, milline element on „suurim sisuelement”. See on tavaliselt üks pilt või pealkiri. Selle ühe elemendi kiiremaks tegemine annab sageli rohkem kui kümme väiksemat parandust.

Levinumad põhjused, miks koduleht aeglane on

• Liiga suured pildid, mida ei ole veebi jaoks tihendatud ega sobivas vormingus.
• Palju kolmandate poolte skripte: vestlusaken, analüütika, reklaamitööriistad ja muu.
• Fondid, mida laetakse liiga palju või mis blokeerivad teksti kuvamist.
• Aeglane majutus või vahemälu puudumine.
• Raske teema või palju lisamooduleid, millest suurt osa tegelikult ei kasutata.

Mida saad ise teha

Suure osa parandustest saab teha ilma arendajata.

• 01Tihenda pildid ja kasuta kaasaegseid vorminguid nagu WebP või AVIF. Suur peapilt on sageli kõige suurem üksik tegur.
• 02Määra piltidele suurus, et leht ei hüppaks nende laadimisel. See parandab CLS-i.
• 03Eemalda skriptid ja lisamoodulid, mida sa ei kasuta. Iga lisa on kulu.
• 04Lase leheküljest allpool olevatel piltidel alles vajadusel laadida.
• 05Küsi majutajalt, kas vahemälu on sisse lülitatud, ja kas serveri versioon on värske.

Millal on vaja spetsialisti

Kui pärast neid samme mõõdikud endiselt heal tasemel ei ole, on põhjus tavaliselt sügavamal: teema ehitus, kasutamata kood või süsteem ise. Siis tasub lasta arendajal vaadata, mis täpselt aeglustab. Mõnikord on parem ehitada leht kaasaegsemale alusele kui proovida vana kiiremaks teha. Loe ka artiklit selle otsuse kohta: kodulehe uuendamine või uus koduleht.

Kas Core Web Vitals mõjutab Google'i asetust?

Google on öelnud, et lehekogemus, sealhulgas need mõõdikud, on üks paljudest otsingu signaalidest. See ei ole aga peamine: asjakohane ja kasulik sisu loeb rohkem. Ära jahi täiuslikku tulemust ainult otsingu pärast.

Parem põhjus kiirusega tegeleda on tavaline: kiire ja stabiilne leht meeldib külastajale ja külastaja, kes ei pea ootama, jõuab suurema tõenäosusega päringuni.

Pildid: kõige tavalisem aeglustaja

Enamikul kodulehtedest moodustavad suurima osa laaditavast andmemahust pildid. Sageli laetakse üles kaamerast otse tulnud pilt, mis on mitu korda suurem, kui ekraanil kuvatakse. Kolm asja teevad enamasti kõige rohkem vahet:

• Sobiv suurus: pilt ei pea olema suurem kui koht, kus seda näidatakse. Kui pilt kuvatakse 800 piksli laiusena, ei ole vaja 4000 piksli laiust faili.
• Kaasaegne vorming: WebP ja AVIF on tavaliselt oluliselt väiksemad kui vanemad vormingud sama välimuse juures.
• Õige laadimine: leheküljest allpool olevad pildid võivad laadida hiljem, kuid lehe ülaosa suurim pilt peaks laadima kohe. Kui selle laadimine lükatakse hilisemaks, muutub LCP halvemaks.

Fondid ja kolmandate poolte skriptid

Iga kasutatav font ja iga lisaskript on lisakulu. Piira fondiperede ja -kaalude arv nendega, mida päriselt kasutad. Kontrolli ka skripte: vestlusaken, analüütika, reklaamipikslid ja küpsiste haldur lisavad kõik koormust ning neid koguneb aja jooksul märkamatult.

Telefon on tavaliselt kitsaskoht

Telefonidel on tavaliselt aeglasem protsessor ja ühendus kui arvutil. Leht, mis arvutis tundub kiire, võib telefonis olla aeglane. Vaata alati PageSpeed Insightsi telefonitulemust ja katseta vajadusel ka piiratud ühendusega.

Kui tihti mõõta

Mõõda pärast iga suuremat muudatust ja muul ajal umbes kord kuus. Arvesta, et Google'i päris kasutajate andmed põhinevad ligikaudu viimase 28 päeva kasutusel, mistõttu parandus ei kajastu neis kohe. See on normaalne.

Korduma kippuvad küsimused

Mis on hea PageSpeedi skoor?

Skoor on abivahend, mitte eesmärk. Olulisemad on üksikud mõõdikud ja päris kasutajate andmed. Ära jahi täiuslikku 100 punkti, sest viimased punktid võivad nõuda palju tööd väikese kasu eest.

Miks laborikatse ja päris andmed erinevad?

Laborikatse jookseb ühe korra kindlates tingimustes. Päris andmed koguvad tegelike külastajate kogemuse erinevate seadmete ja ühendustega. Seepärast võivad need näidata erinevat pilti.

Kas WordPress on aeglane?

Mitte iseenesest. Kiirus sõltub sellest, milline teema ja millised lisamoodulid on kasutusel ning milline on majutus. Hästi seadistatud WordPressi leht võib olla kiire, halvasti seadistatud aga aeglane.

Kas CDN aitab?

Sisuedastusvõrk aitab staatilisi faile kiiremini kohale toimetada, eriti kui külastajad on serverist kaugel. See ei paranda aga liiga raskeks läinud lehe koormust ega asenda piltide ja skriptide korrastamist.

Kas kiirus mõjutab päringuid ja tellimusi?

Kiire leht muudab külastuse mugavamaks ja külastaja, kes ei pea ootama, jõuab suurema tõenäosusega tegevuseni. Täpne mõju sõltub lehest ja külastajatest, seepärast tasub muutusi ise mõõta.