Bij vrijwel elke trage website die we onderzoeken, is beeld de grootste post. Niet omdat er te veel foto’s staan, maar omdat ze worden aangeleverd zoals ze uit de camera komen en in de browser worden teruggeschaald naar een fractie van hun formaat.
Wat er technisch gebeurt
Een foto van vijf megabyte die op je pagina als vierhonderd pixels breed wordt getoond, wordt nog steeds volledig gedownload. De bezoeker betaalt met wachttijd voor kwaliteit die hij nooit ziet. Uitleveren in de maat die nodig is, is dus geen kwaliteitsverlies maar het weglaten van verspilling.
De vier maatregelen die het meeste schelen
- Uitleveren in meerdere maten, zodat een telefoon een kleiner bestand krijgt dan een groot scherm.
- Een modern bestandsformaat, dat bij gelijke kwaliteit kleiner is.
- Afmetingen vastleggen, zodat de pagina niet verspringt terwijl het beeld binnenkomt.
- Beeld onder de eerste schermvulling later laden, maar juist het eerste beeld niet.
Video: bijna altijd achter een knop
Een video die automatisch meelaadt in je koptekst kost meer dan alle foto’s samen. Een stilstaand beeld met een afspeelknop erop is bijna altijd de betere keuze: het laadt snel, het werkt op een telefoon met matig bereik en het laat de bezoeker kiezen.
Waar je de video laat staan
Video op je eigen hosting zetten klinkt netjes en legt het uitleveren bij een server die daar niet voor is gemaakt. Een videodienst levert het bestand in de juiste kwaliteit per verbinding. Let er dan op dat je de speler pas laadt als iemand op play drukt, anders haal je de traagheid via de achterdeur binnen.
Hoe je merkt dat het goed staat
Open je site op een telefoon met slecht bereik en kijk hoe lang het duurt voordat het eerste beeld staat en of de tekst verspringt terwijl je leest. Dat is de test die telt. Een hoge score in een testtool met een verspringende pagina is geen resultaat.