Hoppa till innehåll
SilktideHjälp

Layoutförskjutningar

Silktide bevakar din sida medan den läses in och mäter hur mycket layouten hoppar runt. På så sätt identifieras de specifika delar av sidan som flyttar sig. En stabil sida visas en gång och ligger sedan kvar; en instabil sida förskjuts när bilder, typsnitt och inbäddat innehåll anländer.

Mätvärdet är Cumulative Layout Shift (CLS), ett av Googles . Det summerar alla oväntade rörelser under inläsningen: 0,1 eller lägre anses vara bra, och 0,25 eller högre anses vara dåligt.

Varför det här är viktigt

Layoutförskjutningar leder till verkliga misstag. En besökare ska trycka på en länk, innehållet hoppar till i sista stund och besökaren trycker på något annat – ibland en annons, ibland ”Köp” i stället för ”Avbryt”. Texten som besökaren läser hoppar undan. Det får en webbplats att kännas trasig och opålitlig på ett sätt som besökare märker direkt, även om de inte kan sätta ord på det.

Google använder också Core Web Vitals, inklusive detta mätvärde, som en signal för sökrankning. En instabil sida kan därför försämra både synligheten och förtroendet.

Så åtgärdar du det

Silktide visar vilka element som försköts. Lösningen är att reservera deras utrymme innan de läses in.

  1. Ange en uttrycklig bredd och höjd för varje bild och video (eller ett CSS-formatförhållande), så att webbläsaren reserverar rätt utrymme innan filen anländer – se Uttryckliga bildstorlekar.
  2. Reservera utrymme för annonser, inbäddat innehåll och annat innehåll som läses in sent med en behållare med fast storlek, även om den ibland är delvis tom.
  3. Lägg aldrig in nytt innehåll ovanför det som besökaren redan läser, såvida det inte sker som svar på besökarens egen åtgärd.
  4. Läs in anpassade typsnitt på ett sätt som undviker synliga omflöden av text – se Synlig text under inläsning.

Så testar Silktide detta

  1. Läs in sidan i en riktig webbläsare med den enhetstyp, anslutningshastighet och testplats som har konfigurerats för dina hastighetstester.
  2. Registrera varje oväntad layoutförflyttning medan sidan läses in och summera dem till sidans poäng för Cumulative Layout Shift.
  3. Rapportera varje element som försköts, tillsammans med dess och dess individuella bidrag till totalen.
  4. Bedöm sidan utifrån dess totala poäng enligt den offentliga skalan för detta mätvärde: 0,1 eller lägre är bra, 0,25 eller högre är dåligt.

Felsökning

Jag ser inte att sidan flyttar sig

Förskjutningar sker ofta under de första ögonblicken av inläsningen, innan du börjar läsa, eller endast vid långsammare anslutningar där filer anländer utspridda över tid. Din webbläsare kan också ha sidans bilder och typsnitt i cache, så inget behöver anlända sent. De element som kontrollen listar visar dock exakt vad som flyttades, även om det bara var för en kort stund.

Min poäng skiljer sig från andra verktygs

CLS beror på enheten, anslutningshastigheten och hur länge mätningen pågår. Silktide mäter en kontrollerad sidinläsning med dina konfigurerade inställningar för hastighetstestet. Verktyg som bygger på verkliga besöksdata (eller fortsätter mäta medan användare skrollar och interagerar) kan därför helt legitimt rapportera andra värden för samma sida.

Läs mer

Senast uppdaterad

Var den här sidan hjälpsam?