Hardik Dewra
2 min read
Hoe de laadsnelheid van je landing page de conversie beïnvloedt
Trage pagina's verliezen bezoekers voordat de kop in beeld staat. Volg deze drie snelheidsgetallen en gebruik daarna de fixes die ze verzetten.
De laadsnelheid van je landing page bepaalt wie je aanbod ziet
Elke landing page heeft een wachtrij. Iemand tikt op een advertentie, de browser begint op te halen, en de bezoeker wacht. Op een telefoon met haperend 4G kan een zware pagina vier of vijf seconden blanco blijven. Een flink deel van de bezoekers vertrekt voordat de kop verschijnt. Ze zien het aanbod nooit en ze komen nooit bij de knop. Je copy kan uitstekend zijn en het zou nog steeds niet uitmaken. Bij betaald verkeer betaal je die klik hoe dan ook. De laadsnelheid van je landing page bepaalt dus hoeveel mensen alles wat je verder gebouwd hebt überhaupt te zien krijgen.
De drie getallen die je wilt volgen
Google publiceert drie drempelwaarden en die werken goed als doel. Largest Contentful Paint moet onder de 2,5 seconden landen. Dat is meestal je hero-afbeelding of je kop die klaar is met tekenen. Interaction to Next Paint blijft onder de 200 milliseconden, zodat tikken direct aanvoelt. Cumulative Layout Shift blijft onder de 0,1, zodat de lay-out stil blijft staan terwijl iemand leest. Google beoordeelt dit op het 75e percentiel van echte bezoeken en splitst mobiel van desktop, dus check allebei. Velddata loopt weken achter, dus met een labtest bevestig je vandaag dat een fix werkt.
Wat een pagina echt traag maakt
Bij bijna elke site die we doorlichten duiken dezelfde daders op. Een hero-video speelt automatisch af en verstuurt megabytes voordat iemand scrolt. Screenshots worden geëxporteerd op 3000 pixels breed en in een vak van 600 pixel geplakt. Er laden vier fontgewichten waar twee genoeg waren, en elk daarvan houdt tekst tegen om te verschijnen. Daarna komen de aanbouwsels: een chatwidget, een heatmap-recorder, twee advertentiepixels en een A/B-testscript dat het renderen blokkeert terwijl het een variant kiest. Elk daarvan voelde op dat moment gratis. Niemand houdt de optelsom bij.
Waar je deze week begint
Begin bij de hero, want dat is meestal je LCP-element. Serveer een gecomprimeerde WebP of AVIF, maak hem op maat voor de viewport, en zet er geen lazy loading op. Vervang de automatisch startende video door een stilstaand beeld met een afspeelknop. Reserveer hoogte voor afbeeldingen, embeds en banners, zodat de pagina zijn vorm houdt. Open daarna het netwerktabblad, sorteer op grootte, en gooi elk third-party script weg dat niemand in drie maanden heeft gecontroleerd. Test opnieuw op een echt apparaat met afgeknepen mobiele data. De meeste pagina's worden sneller als je dingen weghaalt.
WeDesignLandingPages.com
A sub-brand of WeDesignBrands.Agency