Snelheid: de grenzen van Google en onze eis

Drie maatstaven en hun grenzen#

Google meet met drie maatstaven hoe de site wordt ervaren. De beoordeling gebeurt op het 75e percentiel, dus hoe het gaat bij drie van de vier bezoeken [1]. Google gebruikt de maatstaven in zijn systemen voor paginabeleving [2].

Waar de cijfers vandaan komen#

De cijfers komen uit het Chrome UX Report: anonieme gegevens van echte Chrome-gebruikers die statistieken delen. Alleen sites met genoeg bezoeken worden meegenomen, en Google zegt niet waar de drempel ligt [3]. Als er voor je site gegevens ontbreken, zeggen we dat. We raden nooit een cijfer.

Onze eis: minder dan 0,7 seconden#

De grenzen van Google zijn een minimumniveau. Op sites die we bouwen en beheren, eisen we meer: de hoofdinhoud moet binnen 0,7 seconden verschijnen op een computer en de server moet binnen 0,2 seconden antwoorden. Op mobiel, waar Google uitgaat van een trager 4G-netwerk, moet de pagina ruim binnen de grens voor goed van Google blijven. De eisen gelden zowel voor het nieuwe ontwerp als voor de kopie van de huidige site van de klant [4] [5].

Hoe we de snelheid testen#

• Elke site die we bouwen of als preview tonen, wordt getest met PageSpeed Insights van Google, op mobiel en computer, minstens één keer per week en na elke wijziging. Een site die niet aan de eis voldoet, is meteen zichtbaar in ons beheer, met wat er moet worden opgelost [6].
• Elke site die we analyseren, ook de huidige van de klant, wordt op dezelfde manier getest. De verkoper ziet het cijfer met de bron, bijvoorbeeld hoeveel seconden het duurt voordat de hoofdinhoud op mobiel verschijnt, vergeleken met de grens van Google.
• Als de site genoeg bezoekers heeft, tonen we ook de meting van Google van echte bezoekers (het Chrome UX Report), en dat is wat Google zelf gebruikt [3].

Dit doen we zodat de site snel is#

• De pagina wordt kant-en-klaar door de server verstuurd, met de belangrijkste opmaak direct in de pagina, zodat niets op scripts hoeft te wachten.
• De hoofdafbeelding wordt als eerste opgehaald en in het juiste formaat voor het scherm; afbeeldingen verderop laden als de bezoeker erheen scrolt.
• De lettertypen staan op onze eigen server, en een reservestijl met dezelfde afmetingen voorkomt dat de tekst verspringt als het lettertype binnenkomt.
• De volgende pagina wordt vooraf opgehaald als de bezoeker naar een link wijst, zodat die meteen opent.
• Achtergrondwerk op de server komt altijd na de pagina's van de bezoekers.
• We tonen de meting van Google in de analyse als die er is, met datum en bron.

Afbeeldingen#

Hoe afbeeldingen een naam, beschrijving en laadwijze moeten krijgen, en wat de mythes over EXIF en GPS zijn, staat in Afbeeldingen en bestandsnamen.