Op je telefoon is je site een slak: zo maak je hem mobiel sneller
Op desktop scoort je site prima, op mobiel zakt hij flink in. Dat is heel normaal, maar wel een probleem: de meeste bezoekers komen tegenwoordig via hun telefoon.
In het kud-rapport Op je telefoon is je site een slak
Waarom het uitmaakt
Telefoons hebben minder rekenkracht dan laptops en vaak een minder stabiele verbinding. Zware afbeeldingen en veel JavaScript tellen daar dubbel zo hard door.
Google beoordeelt je site vooral op de mobiele versie. Een trage mobiele site kost je dus zowel bezoekers als posities.
Zo los je het op
- Geef telefoons kleinere afbeeldingen met
srcset. Een afbeelding van 2000 pixels breed is op een scherm van 400 pixels zonde. - Schrap JavaScript die je niet nodig hebt. Op mobiel is rekenwerk de grootste vertrager.
- Laad alles wat buiten het eerste scherm valt pas later: afbeeldingen lazy, chatwidgets na interactie.
- Verberg geen zware desktopelementen alleen met CSS; ze worden dan nog steeds geladen.
- Test op een echte, niet al te nieuwe telefoon. Jouw eigen toestel is waarschijnlijk sneller dan gemiddeld.
Op jouw platform
- WordPress
- Cacheplugins hebben vaak een aparte optie voor mobiel. Kijk ook welke plugins op mobiel scripts laden die je daar niet gebruikt.
- Shopify
- Kies een licht thema en wees streng met apps. Elke app die op de voorkant iets doet, kost op mobiel extra tijd.
Veelgestelde vragen
Waarom is het verschil zo groot?
Google test mobiel met een langzamere processor en verbinding, om een gemiddelde telefoon na te bootsen. Wat op desktop een fractie kost, duurt op mobiel vaak vier keer zo lang.
Moet ik een aparte mobiele site maken?
Nee. Eén site die zich aanpast aan het scherm is de standaard. Het gaat erom dat die site licht genoeg is.