Åtgärdsrapport

Prestandarapport

Vi laddar dina tre viktigaste sidor (i en webbutik: startsida, kollektion och produkt) som en mellanklassmobil på långsamt 4G, lägger till Googles data från riktiga användare när din webbplats har tillräckligt med trafik och visar vad som gör varje sida långsam, med åtgärderna i ordning.

  • Labbtest på mobil (LCP, CLS, TBT)
  • Googles data från riktiga användare när den finns
  • De tyngsta bilderna och skripten

Det här kontrollerar vi

  • Largest Contentful Paint

    Hur lång tid det tar innan huvudinnehållet visas på en mobil med begränsad hastighet, jämfört med tröskelvärdet 2,5 sekunder.

  • Layoutförskjutning

    Om innehållet hoppar runt medan sidan laddas, jämfört med tröskelvärdet 0,1.

  • Total Blocking Time

    Hur länge skript hindrar sidan från att reagera, labbtestets ersättare för Interaction to Next Paint.

  • Data från riktiga användare

    LCP, INP och CLS vid 75:e percentilen från Googles Chrome UX Report, när din webbplats har tillräckligt med trafik för att finnas med där.

  • Tunga och för stora bilder

    Bilder över 150 KB, eller som är mycket större än storleken de visas i, och en huvudbild som laddas med lazy loading.

  • Sidvikt och förfrågningar

    Total nedladdningsstorlek, antalet förfrågningar och andelen som kommer från tredje part.

  • Renderingsblockerande filer

    Skript och stilmallar som fördröjer den första renderingen.

Det här får du

  • Uppmätta värden för varje sida, med tröskelvärden
  • De tyngsta filerna på varje sida, efter storlek
  • Åtgärder i ordning efter effekt, skrivna för din plattform
  • En färdig AI-prompt för varje fynd
  • En PDF att dela med din utvecklare

Så tas rapporten fram

  1. 1

    Varje sida laddas i en ny webbläsare som emulerar en mellanklassmobil, med långsamt 4G (150 ms latens, 1,6 Mbit/s) och 4× långsammare CPU.

  2. 2

    Googles Chrome UX Report hämtas för data från riktiga användare av din webbplats (origin).

  3. 3

    Orsakerna rangordnas efter hur mycket de kostar och skrivs upp med åtgärder.

Fynd från exempelrapporten

Verkligt resultat för Harbor & Pine, en fiktiv butik som vi har byggt med vanliga problem.

Öppna hela exempelrapporten
  • 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.

Det här täcker den inte

  • Hastighet på dator
  • Server- och webbhotellskonfiguration
  • Garanterade poäng: labbresultat varierar mellan körningar

Frågor om rapporten

Varför testa på en långsam mobil?

Många besök sker på mobilen, och Googles Core Web Vitals mäts separat för mobil. En mobil med begränsad hastighet visar problem som en snabb laptop döljer.

Vad händer om min webbplats inte har några data i Chrome UX Report?

Mindre webbplatser har ofta inte tillräckligt med trafik för att finnas med. Rapporten bygger då på labbtestet och säger det.

Mäts INP?

INP kräver riktiga interaktioner, så värdet kommer från Googles data från riktiga användare när den finns. Labbtestet rapporterar Total Blocking Time, som följer samma problem.

Kommer mitt PageSpeed-resultat att stämma överens?

Inte exakt. Labbresultat varierar mellan körningar och verktyg använder lite olika inställningar, men orsakerna de pekar på är desamma.

Skanna din webbplats i dag

Hitta. Åtgärda. Verifiera.

Vilken typ av webbplats är det här?

Ditt svar väljer rätt kontroller, till exempel köpresan för webbutiker. Vi kontrollerar ändå webbplatsens egna tecken och visar båda.

Vilken typ av webbplats är det här?

Gratis skanning. Inget betalkort krävs.