Ispravite pogrešku LCP "Više od" u osnovnim vitalnim vrijednostima na GSC-u
Sadržaj:
Google je objavio novo izvješće u pretrazikonzola pod nazivom Core Web Vitals. Ova su zamijenila izvješća o brzini i smatrat će se faktorom rangiranja 2021. godine. Core Web Vitals smatrat će se faktorom rangiranja zajedno sa Page Speed, HTTPS. Prikladnost za mobilne uređaje i drugi čimbenici na stranici.
Core Web Vital uzima u obzir UX i UI elemente na stranici kako bi saznao prosjek stranice za tri temeljna mjerila,
- LCP: Najveća sadržajna boja
- DIO JEDRA: Kašnjenje prvog unosa
- CLS: Kumulativni pomak izgleda
Ne postoji posebno kodirano rješenje za rješavanjeprobleme, ali možete optimizirati web mjesto kako biste riješili pogreške. Ovdje ću navesti neke prakse koje vam mogu pomoći da riješite Najveću sadržajnu boju (LCP)Više od' za vaše web stranice.
↑ Što je LCP?
Najveća metrička izvješća sadržajne boje (LCP)vrijeme prikazivanja najvećeg elementa sadržaja vidljivog u okviru prikaza. Jednostavno rečeno, potrebno je vrijeme da se glavni element učita na vidljivi zaslon nakon što se stranica počne učitavati.
Da bi pružile dobro korisničko iskustvo, web stranice bi se trebale truditi da se Najveća sadržajna boja pojavi unutar prve 2,5 sekunde stranice koja se počinje učitavati.
↑ Koji se elementi smatraju LCP-om?
Vrste elemenata koji se razmatraju za Najveću sadržajnu boju su;
<img>elementi<slika>elementi unutar<svg>element<video>elementi- Element s pozadinskom slikom učitan putem
url ()funkcija - Elementi na razini bloka koji sadrže čvorove teksta ili druge dijelove tekstualnih elemenata na razini retka.
↑ Koji su uzroci visokog LCP?
- Sporo vrijeme odziva poslužitelja
- JavaScript i CSS koji blokiraju generiranje
- Sporo vrijeme učitavanja resursa
- Prikazivanje na strani klijenta
↑ Kako optimizirati web stranicu da popravi visoki LCP?
Koristite dobar hosting s dobrim vremenom odziva iniska stopa latencije. Svakako optimizirajte poslužitelje, koristite besplatne CDN-ove treće strane poput Cloudflare-a, jsDelivr, Statički za brzu isporuku statičke imovine. Ako radite na WordPressu, postoji niz dodataka koji vam mogu pomoći u obavljanju posla.
Koristite komprimirane slike s formatima slika sljedeće generacijepoput JPEG XR, JPEG 2000 ili WebP. Ovi moderni formati pomažu ubrzati učitavanje slike za 50%. Postoji nekoliko dodataka za WordPress koji vam automatski pomažu u komprimiranju i pretvaranju slika u letu. Također, upotrijebite slikovni CDN poput WP-Photon da biste smanjili propusnost poslužitelja i povećali brzinu web mjesta.
Usluge predmemorije možete koristiti za učitavanje statičkog HTML-astranicu koja se ne mijenja na svakom zahtjevu, predmemoriranje može spriječiti njezino nepotrebno ponovno stvaranje. Dodaci za predmemoriju pohranit će kopiju generiranog HTML-a na vaš poslužitelj, a kada se zatraži stranica, poslužitelj oslobađa učitavanje predmemorije što može smanjiti vrijeme do prvog bajta (TTFB) i smanjiti upotrebu resursa.
Također možete koristiti usluge poput Cloudflare-apokreće uslužne radnike u pozadini preglednika i može presretati zahtjeve s poslužitelja. Oni uzimaju kompletnu HTML predmemoriju stranice i poslužuju HTML stranice predmemorijom što može značajno smanjiti vrijeme učitavanja.
Druge važne stvari koje treba uzeti u obzir je optimiziranje web stranice za dobar LCP
- Uklonite JavaScript i CSS koji blokiraju generiranje
- Odgoditi nekritični CSS
- Smanjite resurse
- Unaprijed učitajte važne resurse
Možete pronaći detaljniji vodič o tome kako optimizirati web stranicu kako biste smanjili LCP i ubrzali učitavanje stranica radi boljeg korisničkog korisničkog softvera službeno web mjesto.Dev.
Zaključak: Uvođenjem osnovnih web vitalnih podataka u GSSi smatra se faktorom rangiranja. LCP je vrlo važan mjerni podatak za popravljanje, jer uzima u obzir vrijeme potrebno za učitavanje najvećeg elementa u okvir za prikaz uređaja. Osigurao sam nekoliko probnih rješenja i rješenja za optimizaciju web mjesta za niski LCP.
Trikovi
Trikovi