Report oprav

Report výkonu

Vaše tři klíčové stránky (u obchodu domovskou stránku, kolekci a produkt) načteme jako telefon střední třídy na pomalém 4G, doplníme reálná data uživatelů od Googlu, pokud má váš web dostatečný provoz, a ukážeme, co jednotlivé stránky zpomaluje, i s opravami seřazenými podle pořadí.

  • Laboratorní test na mobilu (LCP, CLS, TBT)
  • Data skutečných uživatelů od Googlu, pokud jsou
  • Nejtěžší obrázky a skripty

Co kontrolujeme

  • Largest Contentful Paint

    Jak dlouho trvá, než se na zpomaleném telefonu zobrazí hlavní obsah, ve srovnání s prahem 2,5 sekundy.

  • Posun rozvržení

    Zda obsah při načítání poskakuje, ve srovnání s prahem 0,1.

  • Total Blocking Time

    Jak dlouho skripty brání stránce reagovat; laboratorní náhrada metriky Interaction to Next Paint.

  • Data skutečných uživatelů

    LCP, INP a CLS na 75. percentilu z přehledu Chrome UX Report od Googlu, pokud má váš web dost provozu, aby se v něm objevil.

  • Těžké a předimenzované obrázky

    Obrázky nad 150 KB nebo mnohem větší, než je velikost, ve které se zobrazují, a hlavní obrázek s líným načítáním (lazy loading).

  • Velikost stránky a požadavky

    Celková velikost stahovaných dat, počet požadavků a podíl, který pochází od třetích stran.

  • Soubory blokující vykreslení

    Skripty a styly, které zdržují první vykreslení.

Co dostanete

  • Naměřené hodnoty pro každou stránku i s prahovými hodnotami
  • Nejtěžší soubory na každé stránce podle velikosti
  • Opravy seřazené podle dopadu, napsané pro vaši platformu
  • Hotový AI prompt ke každému zjištění
  • PDF, které můžete sdílet s vývojářem

Jak report vzniká

  1. 1

    Každou stránku načteme v čistém prohlížeči, který emuluje telefon střední třídy, s pomalým 4G (latence 150 ms, 1,6 Mbps) a 4× pomalejším procesorem.

  2. 2

    Z přehledu Chrome UX Report od Googlu získáme data skutečných uživatelů pro váš origin.

  3. 3

    Příčiny seřadíme podle toho, kolik vás stojí, a popíšeme je i s opravami.

Zjištění z ukázkového reportu

Skutečný výstup pro Harbor & Pine, smyšlený obchod, který jsme vytvořili s běžnými problémy.

Otevřít celý ukázkový report
  • Problem

    The main content appears slowly on phones

    Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

    Fix: Start with the largest image or banner at the top of the page (see the findings below).

  • Problem

    The main image is lazy-loaded

    On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

    Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

  • Problem

    Images larger than they need to be

    {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

    Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.

Co report nepokrývá

  • Rychlost na desktopu
  • Konfigurace serveru a hostingu
  • Zaručené skóre: laboratorní výsledky se mezi běhy liší

Otázky k tomuto reportu

Proč testovat na pomalém telefonu?

Mnoho návštěv probíhá na telefonech a Core Web Vitals od Googlu se pro mobily měří zvlášť. Zpomalený telefon odhalí problémy, které rychlý notebook skryje.

Co když můj web nemá data v Chrome UX Report?

Menší weby často nemají dost provozu, aby se v něm objevily. Report se pak opírá o laboratorní test a výslovně to uvádí.

Měří se INP?

INP potřebuje skutečné interakce, takže pochází z reálných dat uživatelů od Googlu, pokud jsou k dispozici. Laboratorní test uvádí Total Blocking Time, který sleduje stejný problém.

Bude odpovídat moje skóre v PageSpeed?

Ne přesně. Laboratorní výsledky se mezi běhy liší a nástroje používají mírně odlišná nastavení, ale příčiny, na které upozorňují, jsou stejné.

Související průvodci

Další reporty

Otestujte svůj web ještě dnes

Najít. Opravit. Ověřit.

O jaký typ webu jde?

Vaše odpověď určí správné kontroly, například nákupní cestu u e-shopů. Přesto ověříme vlastní znaky webu a ukážeme obojí.

O jaký typ webu jde?

Sken zdarma. Bez platební karty.