K2 · Svetainės ir konversija
Core Web Vitals ir konversija: kur dingsta jūsų užklausos
Trumpas atsakymasCore Web Vitals yra trys rodikliai: LCP (didžiausio elemento atvaizdavimas, riba 2,5 s), INP (reakcija į veiksmą, riba 200 ms) ir CLS (išdėstymo poslinkis, riba 0,1). Jų viršijimas mažina ir pozicijas paieškoje, ir konversiją. Lighthouse 90+ pasiekiamas net su 3D, jei laikomasi kilobaitų biudžeto.
Trys rodikliai ir jų ribos
| Rodiklis | Ką matuoja | Gerai | Blogai |
|---|---|---|---|
| LCP | Didžiausio elemento atvaizdavimo laikas | < 2,5 s | > 4 s |
| INP | Reakcijos į veiksmą laikas | < 200 ms | > 500 ms |
| CLS | Netikėtas išdėstymo poslinkis | < 0,1 | > 0,25 |
Kur dažniausiai prarandama
- Neoptimizuoti vaizdai. Galerija su JPEG originalais sugriauna LCP mobiliajame.
- Sunkūs JavaScript paketai. Kiekvienas nereikalingas įskiepis prideda blokuojantį laiką ir kelia INP.
- Šriftai be preload ir be font-display. Tekstas šokinėja, CLS auga.
- Reklamos ir pokalbių langai, įkeliami iškart. Juos galima krauti po pirmos sąveikos.
Praktinis planas
- Nustatykite kilobaitų biudžetą maršrutui ir laikykitės jo CI lygiu.
- LCP elementu padarykite tekstą arba lengvą vaizdą, niekada — 3D sceną ar video.
- Vaizdus konvertuokite į AVIF ir WebP su teisingais dydžiais ir sizes atributu.
- Šriftus talpinkite pas save, subsetuokite ir preload'inkite du svorius.
- Sunkius modulius kraukite dinamiškai po pirmo atvaizdavimo.
Ar galima turėti 3D ir gerą greitį?
Galima, jei 3D yra papildomas sluoksnis, o ne pagrindas. Serveris atiduoda tekstą ir statinį vaizdą, o WebGL scena įsijungia tik po pagrindinio atvaizdavimo ir tik pajėgiuose įrenginiuose. Mūsų riba: pagrindinis paketas iki 280 kB gzip, 3D dalis iki 320 kB.
Kaip matuoti teisingai
Lighthouse laboratorinis testas rodo potencialą, o realią būklę rodo lauko duomenys iš tikrų naudotojų. Stebėkite abu ir nustatykite įspėjimus, kai 75-as procentilis viršija LCP 2,5 s arba INP 200 ms.
Svetainių kūrimas
Svetainė, kuri atrodo kaip produktas ir dirba kaip pardavėjas.
nuo 4 900 €
Pagrindinės išvados
- LCP riba — 2,5 s, INP — 200 ms, CLS — 0,1.
- Pagrindinis JavaScript paketas turi tilpti į 280 kB gzip, 3D dalis — į 320 kB.
- 3D niekada neturi būti LCP elementas — jis kraunamas po pirmo atvaizdavimo.
- Vaizdai AVIF arba WebP formatu su teisingais dydžiais sprendžia daugumą LCP problemų.
- Matuoti reikia ir laboratorinius, ir lauko duomenis 75-ame procentilyje.
Dažni klausimai
Tai vienas iš signalų. Tiesioginis poveikis paprastai mažesnis nei turinio kokybės, bet poveikis konversijai — didelis ir matuojamas.
Priklauso nuo pagrindo. Techninis greičio auditas — nuo 890 €. Jei svetainė ant sunkaus page builder'io, dažnai pigiau perstatyti.
Taip. Vertinimas remiasi mobiliais duomenimis, ir būtent ten prarandama daugiausia.
Laboratoriniai rodikliai — iš karto. Lauko duomenys atsinaujina per 28 dienų langą.
Šaltiniai
Neįmanoma? Patikrinkime.
Nemokamas auditas per 48 val. Be skambučio, be įsipareigojimų.