Naar inhoud springen
SilktideHelp

Verschuivingen in de lay-out

Silktide houdt je pagina tijdens het laden in de gaten en meet hoeveel de lay-out verspringt. Zo worden de specifieke onderdelen van de pagina geïdentificeerd die verschuiven. Een stabiele pagina verschijnt eenmaal en blijft op zijn plaats; een instabiele pagina verschuift wanneer afbeeldingen, lettertypen en ingesloten inhoud binnenkomen.

De meting is Cumulative Layout Shift (CLS), een van de van Google. De meting telt elke onverwachte verschuiving tijdens het laden bij elkaar op: 0,1 of lager wordt als goed beschouwd en 0,25 of hoger als slecht.

Waarom dit belangrijk is

Verschuivingen in de lay-out veroorzaken echte fouten. Een bezoeker wil op een link tikken, de inhoud springt op het laatste moment en de bezoeker tikt iets anders aan — soms een advertentie, soms ‘Kopen’ in plaats van ‘Annuleren’. De tekst die de bezoeker leest, springt onder hun ogen weg. Hierdoor voelt een site kapot en onbetrouwbaar aan, iets wat bezoekers meteen merken, ook als ze er geen naam aan kunnen geven.

Google gebruikt Core Web Vitals, waaronder deze metriek, ook als signaal voor de zoekrangschikking. Een instabiele pagina kan dus niet alleen goodwill kosten, maar ook zichtbaarheid.

Hoe je dit oplost

Silktide laat zien welke elementen zijn verschoven; de oplossing is om ruimte voor deze elementen te reserveren voordat ze worden geladen.

  1. Geef elke afbeelding en video een expliciete breedte en hoogte (of een CSS-beeldverhouding), zodat de browser de juiste ruimte reserveert voordat het bestand binnenkomt — zie Expliciete afbeeldingsafmetingen.
  2. Reserveer ruimte voor advertenties, ingesloten inhoud en andere inhoud die later wordt geladen met een container met een vaste grootte, ook als deze soms gedeeltelijk leeg is.
  3. Voeg nooit nieuwe inhoud boven de inhoud in die de bezoeker al leest, tenzij dit gebeurt als reactie op een actie van de bezoeker zelf.
  4. Laad aangepaste lettertypen op een manier die voorkomt dat tekst zichtbaar opnieuw wordt geplaatst — zie Zichtbare laadtekst.

Hoe Silktide dit test

  1. Laad de pagina in een echte browser, met het apparaattype, de verbindingssnelheid en de testlocatie die voor je snelheidstests zijn geconfigureerd.
  2. Leg elke onverwachte verschuiving in de lay-out tijdens het laden van de pagina vast en tel deze op tot de Cumulative Layout Shift-score van de pagina.
  3. Rapporteer elk element dat is verschoven, met de bijbehorende en de afzonderlijke bijdrage aan het totaal.
  4. Beoordeel de pagina op basis van de totaalscore, volgens de openbare schaal voor deze meting: 0,1 of lager is goed, 0,25 of hoger is slecht.

Problemen oplossen

Ik zie de pagina niet verschuiven

Verschuivingen vinden vaak plaats in de eerste momenten van het laden, voordat je begint te lezen, of alleen bij tragere verbindingen waarbij bestanden verspreid over de tijd binnenkomen. Het kan ook zijn dat je browser de afbeeldingen en lettertypen van de pagina in de cache heeft opgeslagen, waardoor er niets te laat hoeft binnen te komen. De elementen die door de controle worden vermeld, laten echter precies zien wat er is verschoven, hoe kortstondig ook.

Mijn score verschilt van die van andere tools

CLS hangt af van het apparaat, de verbindingssnelheid en hoe lang de meting doorgaat. Silktide meet een gecontroleerde paginalading met je geconfigureerde instellingen voor snelheidstests. Tools die zijn gebaseerd op echte bezoekersgegevens (of die blijven meten terwijl gebruikers scrollen en interactie hebben) kunnen voor dezelfde pagina terecht andere waarden rapporteren.

Meer informatie

Laatst bijgewerkt

Was deze pagina nuttig?