Laadsnelheid landingspagina: zo wordt hij sneller

Waarom snelheid geld kost

Een trage pagina kost je aan twee kanten. Bezoekers haken af voordat ze je aanbod hebben gezien, en Google weegt de ervaring op je pagina mee in de zoekresultaten en in de kwaliteitsbeoordeling van je advertenties. Je betaalt dus zowel in gemiste aanvragen als in duurdere klikken.

Op mobiel telt dat dubbel. Iemand op 4G onderweg heeft een tragere verbinding en minder geduld dan iemand achter een laptop op kantoor. En het meeste webverkeer in Nederland komt van de telefoon.

Laadsnelheid landingspagina: dit bepaalt de laadtijd

De laadtijd van een pagina is de optelsom van alles wat de browser moet ophalen en verwerken. In de praktijk zijn dit de vier veroorzakers, ongeveer op volgorde van hoe vaak ze het probleem zijn:

• Afbeeldingen. Bij verreweg de meeste trage pagina’s zit hier het grootste deel van het gewicht. Eén foto rechtstreeks uit de camera is al zwaarder dan de hele rest van de pagina.
• Scripts van derden. Chatvensters, cookiebanners, reviewwidgets, kaartjes, meetcodes en socialmediaknoppen. Elk daarvan haalt bestanden op bij een andere server.
• Het thema en de plugins. Een zwaar universeel thema laadt code voor functies die jouw pagina niet gebruikt. Twintig plugins doen dat twintig keer.
• De server. Goedkope gedeelde hosting kan seconden kosten voordat er überhaupt iets wordt verstuurd. Dat merk je nog voordat de pagina begint te tekenen.

Lettertypes, animaties en video’s komen daarbij, maar zijn zelden de hoofdschuldige. Begin dus niet bij je lettertypes terwijl er foto’s van vier megabyte op je pagina staan.

De ingreep die het meeste oplevert

Als je maar één ding doet: verklein je afbeeldingen. Als je twee dingen doet: gooi ook de scripts weg die je niet nodig hebt. Samen lossen die twee de meeste snelheidsproblemen op.

Een landingspagina heeft daarbij een voordeel: hij hoeft maar één ding te doen. Alles wat niet bijdraagt aan die ene actie, mag eraf. Daarom is een losse landingspagina vaak sneller dan dezelfde inhoud op een volle site.

Afbeeldingen goed inzetten

Foto’s zijn onmisbaar op een landingspagina. Echte foto’s van je werk, je team en je resultaten nemen twijfel weg. Ze hoeven alleen niet zwaar te zijn.

Doe dit	Waarom
Schaal terug naar de weergavemaat	Een foto van 4000 pixels breed die op 800 pixels wordt getoond, laadt onnodig veel data
Sla op als WebP	Vaak fors kleiner dan een JPEG bij hetzelfde beeld
Geef breedte en hoogte mee	Voorkomt dat de tekst verspringt zodra de foto binnenkomt
Laad foto’s onderaan pas later	Wat de bezoeker nog niet ziet, hoeft nog niet geladen te zijn
Gebruik geen foto voor tekst	Tekst in een afbeelding is zwaar, onscherp en onvindbaar voor Google
Schrap de fotoslider	Vijf foto’s laden terwijl er één wordt bekeken, en niemand wacht de tweede af

Datzelfde geldt voor bewijsmateriaal. Een schermafbeelding van een reviewpagina is zwaarder en minder overtuigend dan de tekst van die review met de naam eronder. Hoe je dat aanpakt, staat in reviews op je landingspagina.

Scripts, chat en cookiebanners

Elk extern script vraagt de browser om iets op te halen bij een andere partij. Reageert die partij traag, dan wacht jouw pagina mee. Loop de lijst dus één keer per kwartaal na en gooi weg wat je niet gebruikt. Cookiebanners verdienen daarbij aparte aandacht: die verschijnen bovenop je pagina, precies op het moment dat je bezoeker zijn eerste indruk vormt.

Hosting en techniek

Zit alles op je pagina goed en blijft het traag, dan is de server aan de beurt. Een goede hostingpartij, actuele software en caching aanzetten lossen dat meestal op. Caching betekent simpel gezegd dat je pagina één keer wordt opgebouwd en daarna kant-en-klaar wordt uitgeserveerd.

Bouw je in WordPress, dan gaat dat met een cachingplugin en een licht thema. Zit je pagina in een submap van je bestaande site, hou er dan rekening mee dat hij de traagheid van die site erft. Welke plek je het beste kiest, lees je in eigen domein, subdomein of submap.

Meten of het geholpen heeft

Meet altijd voor en na, en meet op mobiel. Op een snelle laptop met glasvezel is alles snel. Google publiceert op web.dev uitleg en meetgereedschap waarmee je ziet hoe lang het duurt voordat het grootste blok in beeld staat en of je pagina verspringt tijdens het laden.

Kijk niet naar het cijfer alleen. Een score van honderd op een pagina die niemand invult, is niets waard. Kijk of de aanvragen meestijgen. Blijft dat uit, dan zat je probleem niet in de snelheid en is het tijd voor het optimaliseren van je landingspagina op de inhoud.

Test daarnaast gewoon zelf: pak je telefoon, zet wifi uit en open de pagina. Wat je dan ziet in de eerste twee seconden, is wat je bezoeker ziet. Meer van dat soort controles staat in je landingspagina op mobiel.

Wil je er zelf niet aan sleutelen? De pagina’s die wij bouwen zijn licht van opzet, zonder overbodige scripts. Kijk bij een landingspagina laten maken wat daar bij hoort of bel 085 123 45 67.