Aeglane veeb kaotab kliente ja positsioone. Google mõõdab kiirust kolme näitajaga, mida nimetatakse Core Web Vitals. Siin on need lihtsas keeles, samuti see, kuidas oma lehe kiirust mõõta ja mida kõigepealt parandada. Näitame ka, mida tegime meie enda veebiga.
Kolm Core Web Vitals näitajat
| Näitaja | Mida see mõõdab | Hea tulemus |
|---|---|---|
| LCP (Largest Contentful Paint) | Kui kiiresti ilmub lehe suurim nähtav element (pilt, pealkiri) | kuni 2,5 sekundit |
| INP (Interaction to Next Paint) | Kui kiiresti leht klikile või puudutusele vastab | kuni 200 ms |
| CLS (Cumulative Layout Shift) | Kas leht „hüppab“ laadimise ajal | kuni 0,1 |
Need on Google'i avaldatud soovituslikud piirid. Hea kiirus parandab nii külastaja kogemust kui ka otsingupositsioone.
Kuidas oma lehe kiirust mõõta
- PageSpeed Insights: sisesta aadress ja saad tulemuse mobiilis ja arvutis. Vaikimisi näidatakse mobiili, mis on rangem.
- Google Search Console: aruanne „Core Web Vitals“ näitab päris kasutajate andmeid (kui lehel on piisavalt külastajaid).
- Lighthouse Chrome'is: arendajatööriistades, sobib testimiseks arenduse ajal.
Pea meeles: laborimõõtmine (Lighthouse) on simulatsioon ja kõigub kordade vahel mõne punkti võrra. Päris kasutajate andmed näitavad tegelikku pilti.
10 asja, mis kiirust kõige rohkem parandavad
- Pildid: õige suurus (mitte 4000 px, kui näidatakse 800 px), tihendatud, vajadusel kaasaegses vormingus (WebP/AVIF). Tavaliselt suurim võit.
- Laisk laadimine: pildid, mis ei ole esimesel ekraanil, lae alles scrollimisel (
loading=„lazy“). - Fondid: paiguta fondid oma serverisse (mitte kolmanda poole omasse), kasuta ainult vajalikke kaalusid ja keeli ning laadi kriitilised fondid ette (
preload). - Kolmandate osapoolte skriptid: iga väline skript (jälgimine, vestlus, vidinad) aeglustab lehte. Eemalda mittevajalikud.
- Kriitiline CSS ja JavaScript: lehe kuvamist blokeerivad failid peavad olema väikesed; muu laadi hiljem (
defer). - Video: taustavideo peab olema pisike, ilma heliribata ja eraldi mobiiliversiooniga; kasuta
poster-pilti. - Veebimajutus ja CDN: kiire server ja sisuedastusvõrk (CDN) viivad faili külastajale lähemale.
- Vahemälu: seadista staatilistele failidele pikad vahemälupäised (cache headers).
- Pluginad ja ehitajad: igal pluginal on oma hind. WordPressis hoia pluginate arv väike.
- Paigutuse hüpped: määra piltidele ja videotele mõõdud ning varu ruum, et leht ei liiguks laadimise ajal.
Näide: meie enda veeb
Me mõõtsime oma veebi kiirust ja parandasime seda. Alguses oli avalehe mobiilne jõudlus ligikaudu 74–80 punkti (suur sisu, välised fondid ja skriptid). Mida me tegime:
- Kolisime fondid ja animatsiooniraamatukogu enda serverisse ning laadime kriitilised fondid ette.
- Muutsime kõik pildid, mis ei ole esimesel ekraanil, laisalt laetavaks ja vähendasime nende mahtu enam kui poole võrra.
- Eraldasime mobiilile väikesed taustavideod ja lisasime posterpildi ettelaadimise.
- Viisime esimese ekraani tekstianimatsiooni CSS-i peale, et see ei sõltuks JavaScriptist.
Tulemus Google Lighthouse'is: töölaual 100 / 100 / 100 / 100 ja mobiilis jõudlus 93+, ülejäänud 100. Kontrolli ise: PageSpeed Insights.
Kuidas platvorm mõjutab kiirust
Ehitajad ja WordPress on mugavad, aga neis on kiirusel sageli lagi: laadimisel tuleb kaasa palju koodi, mida sa ei kontrolli. Käsitsi kirjutatud veeb või Webflow annab kõige rohkem kontrolli. Võrdlus: Wix, WordPress või Tilda.
Korduma kippuvad küsimused
Mis on hea PageSpeed Insights tulemus?
Google peab rohelist tulemust (90–100) heaks. Oluline on ka Core Web Vitals: LCP kuni 2,5 s, INP kuni 200 ms ja CLS kuni 0,1.
Kas kiirus mõjutab SEO-d?
Jah, Core Web Vitals on osa Google'i hindamisest, aga sisu ja asjakohasus on olulisemad. Kiirus mõjutab ka seda, kas külastaja lehele jääb.
Miks on mobiili tulemus madalam kui arvutis?
Mobiilitest simuleerib aeglasemat ühendust ja nõrgemat seadet, seega on see rangem. Tasub keskenduda mobiilile, sest enamik külastajaid tuleb sealt.
Kas saate minu veebi kiirust parandada?
Jah. Vaatame sinu lehe üle, näitame, mis aeglustab, ja pakume lahendust. Kui veeb on aegunud, võib mõistlikum olla uus. Küsi pakkumist.
Tahad kiiret veebi, mis Google'ile meeldib?
Ehitame veebid, mis on kiired ja SEO-sõbralikud juba alates esimesest päevast.