Waarom is mijn website traag en wat kan ik zelf doen?

Meten: PageSpeed Insights

Ga naar pagespeed.web.dev, vul het adres van een pagina in en klik op Analyseren. Je krijgt een score van 0 tot 100 voor mobiel en voor desktop, en een lijst met verbeterpunten. Kijk vooral naar mobiel: daar zijn de meeste bezoekers en daar valt traagheid het eerst op.

Test een paar verschillende pagina’s: de homepage, een pagina met veel foto’s en, als je die hebt, een productpagina. Test na elke aanpassing opnieuw.

Oorzaak 1: te grote afbeeldingen

Een foto van je telefoon is vaak 4000 pixels breed en 3 tot 6 MB groot. Op een website is 1200 tot 1920 pixels en enkele honderden KB genoeg. Controleer in Media → Bibliotheek bij een foto de Bestandsgrootte en de Afmetingen.

Je website helpt al mee: foto’s in de eerste sectie van een pagina laden direct, alle andere pas als de bezoeker ernaartoe scrolt. Maar een te zware foto blijft zwaar. Let vooral op:

• Achtergronden van secties: die gebruiken altijd de volledige foto, geen kleinere versie. Upload ze op maximaal 1920 pixels breed.
• Afbeelding grootte in de blokken: kies Large of Medium large als de foto niet over de volle breedte staat.

Hoe je foto’s verkleint en vervangt, lees je in afbeeldingen uploaden in het juiste formaat.

Oorzaak 2: achtergrondvideo op mobiel

Een video als achtergrond van een sectie is mooi, maar zwaar, zeker op een mobiele verbinding. Selecteer de sectie en kies in het paneel Achtergrond video bij Video laden op mobiel de optie Video niet laden op mobiel. Op telefoons zie je dan alleen de achtergrondfoto. Lees een video als achtergrond.

Oorzaak 3: veel embeds

Een Google Maps-kaart, een Instagram-feed, een Facebook-widget of een chatknop laden elk code van een andere website. Eén is meestal geen probleem, vijf op één pagina wel. Kaarten en andere code in het blok Code laden pas als ze in beeld komen, maar zet ze toch alleen waar ze echt iets toevoegen. Zie een Google Maps-kaart of andere code plaatsen. Gewone video’s in het blok Video zijn geen probleem: die laden pas als de bezoeker op afspelen klikt.

Oorzaak 4: grote galerijen en sliders bovenaan

Alles in de eerste sectie laadt meteen. Een slider met tien grote foto’s bovenaan de pagina maakt hem dus traag. Zet bovenaan liever één goede foto, en de galerij of slider verderop. Gebruik in galerijen een kleinere Preview afbeelding grootte.

Oorzaak 5: extra plugins

Elke plugin voegt code toe, en sommige laden die op elke pagina. Je website laadt de code van zijn eigen blokken alleen op pagina’s waar dat blok staat, maar een extra plugin doet dat vaak niet. Installeer geen plugins zonder overleg en verwijder plugins die je niet meer gebruikt. Zie welke plugins standaard in je website zitten.

Wat wij doen

Snelheid hangt ook af van zaken die je zelf niet ziet, zoals de hosting en caching. Host je website bij ons, dan regelen wij dat. Wil je dat wij je website doorlichten en sneller maken? Lees wat we doen bij website of webshop laten optimaliseren. Met WordPress-onderhoud houden we je website ook daarna in conditie. Zie ook je website veilig en up-to-date houden.

Lukt het niet?

• De score verschilt per test. Dat is normaal: hij schommelt een paar punten. Kijk naar de trend en test een paar keer.
• Ik heb foto’s verkleind, maar de pagina is nog traag. Heb je de nieuwe foto ook opnieuw gekozen in de blokken en secties? Zie afbeeldingen vervangen.
• Alleen één pagina is traag. Kijk wat daar anders is: een grote achtergrond, een kaart, een slider bovenaan of een zware embed.
• De hele website is ineens traag. Dat ligt vaak niet aan de inhoud, maar aan de server of een plugin.

Kom je er niet uit? Bel ons op 06 35 66 47 73, mail naar info@lefcreative.nl of neem contact met ons op.

Veelgestelde vragen