Prečo je Lighthouse zelený a Search Console hlási problém?
Vyberte problém podľa reálnej úlohy a zariadenia. Oneskorený hlavný obrázok, pomalý filter a posun formulára potrebujú odlišné opravy; jedno súhrnné skóre vám ich príčinu nepovie.
Ak LCP tvorí produktová fotografia, skontrolujte jej rozmery a načítanie v sprievodcovi SEO obrázkov. Ak hlavný text pribudne až po skriptoch, začnite JavaScriptom. Prístupnosť overte po každej zmene. Odložené menu stále musí fungovať klávesnicou.
Ako postupovať krok za krokom
- Otvorte PageSpeed Insights a oddeľte používateľské dáta od diagnostiky testu.
- Pri LCP určite konkrétny prvok a reťazec jeho načítania.
- Pri INP reprodukujte pomalú interakciu a preskúmajte prácu hlavného vlákna.
- Pri CLS nájdite prvky bez rezervovaného priestoru alebo neskoro vložený obsah.
- Po oprave opakujte porovnateľný test a následne sledujte vývoj používateľských dát.
Praktický príklad
Hero obrázok bez rozmerov posunie obsah pri načítaní. Rezervovanie pomeru strán rieši stabilitu. Zmenšenie súboru rieši prenos. Ide o dve odlišné opravy s odlišným overením.
Častý omyl
Jedna zelená desktopová skúška nepreukazuje dobrý mobilný zážitok. Statický HTML sken ani počet bajtov HTML nie sú meraním Core Web Vitals.
Vyskúšajte report na našom webe.
Pozrite si ukážku reportu a potom zadajte vlastnú URL. Získate nálezy, HTML dôkazy a plán opráv pre svoju stránku.
Spustiť vlastný audit
Aký je rozdiel medzi Lighthouse a dátami používateľov
Terénne dáta opisujú reálne návštevy; Lighthouse je riadený diagnostický test. Skóre jedného mobilného merania nepopisuje skúsenosť každého zákazníka.
- Dobré hranice sú LCP ≤ 2,5 s, INP ≤ 200 ms a CLS ≤ 0,1, vyhodnotené na 75. percentile.
- Rozlišujte mobilné a desktopové výsledky.
- Chýbajúce terénne dáta znamenajú nedostatok dôkazov, nie úspešný test.
Ako nájsť príčinu pomalého LCP
Najprv identifikujte meraný prvok. Môže ísť o obrázok aj text. Potom prezrite cestu od odpovede servera po jeho zobrazenie.
- Pred kompresiou hlavného obrázka skontrolujte pomalé doručenie HTML.
- Obrázok identifikovaný ako úvodný prvok LCP nenačítavajte cez lazy loading.
- Oddeľte oneskorené objavenie zdroja, jeho prenos a blokovanie vykreslenia.
Zdroj web.dev — optimize LCP ↗
Ako preveriť pomalé interakcie a posuny obsahu
INP a CLS potrebujú odlišné opravy. Pomalý filter smeruje k práci počas interakcie; poskakujúci obrázok k chýbajúcemu miestu pred načítaním.
- Pri INP zaznamenajte konkrétne pomalé kliknutie alebo stlačenie klávesu.
- Miesto obrázka rezervujte pomocou rozmerov alebo pomeru strán.
- Lighthouse Total Blocking Time neprezentujte ako nameranú hodnotu INP.
Ako overiť zlepšenie Core Web Vitals po úprave
Zachovajte porovnateľnú URL, zariadenie a podmienky testu. Rýchlejšie opakovanie môže byť výsledkom cache alebo siete, nie úpravy kódu.
- Zopakujte rovnaký scenár a porovnajte metriku, ktorú ste opravovali.
- Overte, že obrázok, menu alebo nákupná interakcia stále fungujú.
- Terénne dáta PageSpeed pokrývajú pohyblivé 28-dňové obdobie; nasadenie sa v nich neprejaví okamžite.
Čím potvrdiť výsledok
Vo Fukame porovnajte mobilné a desktopové výsledky Google Lighthouse. LCP a CLS z laboratória neprezentujte ako skúsenosť všetkých návštevníkov. Pre INP a dlhodobejšie vyhodnotenie použite dostupné terénne údaje alebo vlastné meranie interakcií.
Primárna dokumentácia web.dev ↗
Časté otázky
Prečo je Lighthouse zelený a Search Console hlási problém?
Laboratórny test a údaje skutočných návštevníkov merajú odlišné podmienky. Rozlíšte mobil, desktop, konkrétnu URL a údaje za celý origin. LCP sleduje načítanie hlavného obsahu, INP odozvu interakcií a CLS pohyb rozloženia. Lepší výsledok jedného merania nepotvrdzuje zlepšenie všetkých používateľov.
Je skóre Lighthouse to isté ako Core Web Vitals?
Nie. Lighthouse meria stránku v konkrétnom laboratórnom behu. Core Web Vitals hodnotia skúsenosť skutočných návštevníkov pomocou LCP, INP a CLS. Rozlišujte laboratórne meranie od dostupných terénnych dát a ich časového obdobia.
Prečo sa mobilný a desktopový výsledok líšia?
Merania používajú odlišné podmienky a stránka môže mať na mobile inú skladbu obsahu. Porovnávajte rovnaké zariadenie a podmienky. Po oprave zopakujte meranie; jednotlivý pomalý beh nemusí opisovať bežnú skúsenosť návštevníkov.
Kedy môžete úlohu uzavrieť
Zopakujte porovnateľný test a uložte stopu konkrétneho problému. Potom sledujte následné terénne údaje; pri chýbajúcich dátach označte neistotu, nie automaticky úspech alebo zlyhanie.
Súvisiace SEO návody
Overte konkrétnu stránku.
Fukamo ukáže nálezy, dôkazy a ďalší krok.
679 pravidiel + merania SEO, AI čitateľnosti, výkonu a prístupnosti zadarmo.