Een trage website zorgt niet alleen voor ontevreden bezoekers, maar schaadt ook je Google ranking. In dit artikel laten we je zien hoe je de Page Speed van je WordPress website kunt optimaliseren. We zullen ons vooral richten op minder gebruikelijke tips en trucs die je kunt gebruiken om je WordPress website af te stellen op het gebied van paginasnelheid.

Belangrijk: De PageSpeed-waarden van Google komen niet overeen met de werkelijke laadtijd. Een WordPress website kan ook snel laden, maar toch niet perfect geoptimaliseerd zijn (dus geen perfecte PageSpeed waarden hebben). Een perfecte score op Google PageSpeed Insights zou daarom niet per se het doel moeten zijn. In plaats daarvan is het belangrijk om verschillende dingen uit te proberen en de maatregelen eruit te filteren die echt een merkbare invloed hebben op de laadtijd van je WordPress website.

Vóór de optimalisatie: snelheid meten

Voordat je begint met het optimaliseren van je WordPress paginasnelheid, moet je weten hoe je website er op dit moment voor staat wat betreft prestatieoptimalisatie. Vier waarden zijn cruciaal voor je audit:

• De First Contentful Paint (FCP) geeft aan hoe snel de eerste elementen op de pagina worden weergegeven. Het meet in feite de waargenomen laadtijd en is vooral belangrijk bij optimalisatie.
• De Largest Contentful Paint (LCP) drukt uit hoe lang het duurt voordat de resterende elementen van de hoofdinhoud van een pagina geladen zijn.
• First Input Delay (FID) meet hoeveel tijd er verstrijkt voordat bezoekers daadwerkelijk interactie kunnen hebben met je site.
• De Cumulative Layout Shift (CLS) zou idealiter altijd nul moeten zijn. De waarde staat voor verschuivingen in de lay-out die er bijvoorbeeld toe leiden dat gebruikers op de verkeerde knop klikken.

In tegenstelling tot Time To First Bite (TTFB) – de tijd vanaf het eerste verzoek tot de serverreactie – zijn deze waarden gebruikersgericht. Ze zijn niet uitsluitend gericht op de prestaties van WordPress. Dit betekent dat ze minder worden bepaald door maatregelen zoals (server-side) caching en de juiste WordPress hosting. In plaats daarvan gaat het erom dat je je pagina's slim opbouwt. Ze moeten bijvoorbeeld in de juiste volgorde worden geladen – maar daarover later meer.

Als je de snelheid van je WordPress website wilt meten, zijn er verschillende online tools beschikbaar, waaronder:

• Google PageSpeed Insights
• GTmetrix
• Lighthouse (extensie voor Google Chrome)
• WebPageTest

Google en GTmetrix bieden je hier zeer gedetailleerde WordPress PageSpeed Insights. Alleen WebPageTest meet echter ook de waargenomen laadtijd. Waar je op moet letten bij het gebruik van deze iets complexere tool kun je vinden in ons artikel WebPageTest: Analyseer de prestaties van je website.

Wat is een goede Page Speed?

Alle tests hebben weinig nut als je niet weet hoe je de resultaten achteraf moet classificeren. Voordat we bij de optimalisatietips komen, vertellen we je daarom het antwoord op de vraag: Welke waarde voor Page Speed is eigenlijk goed? We kijken even naar Google PageSpeed Insights en GTmetrix.

Belangrijk: Als je website ook een blog of tijdschrift bevat, moet je altijd de paginasnelheid meten voor ten minste één artikel naast je homepage. Bovendien moet je de Page Speed afzetten tegen het type website waar je mee te maken hebt. Met een eenvoudige blog is het veel realistischer om ideale PageSpeed-waarden te bereiken dan met een uitgebreid ontworpen website met uitgebreide functionaliteiten.

Google PageSpeed Insights

De PageSpeed Insights, die de tool van Google geeft, heeft minder betrekking op de werkelijke laadtijden dan op de mate van optimalisatie. Om te testen voer je hier gewoon je URL in (bijvoorbeeld je homepage of een subpagina in het tijdschrift of blog). Google toont je dan standaard een testresultaat voor de mobiele versie van de pagina. Je kunt dit echter ook wijzigen naar een desktopversie.

De resultaten voor prestaties zijn gemakkelijk te begrijpen en hebben een kleurcode volgens het stoplichtsysteem:

• Rood = 0 tot 49 punten = slecht
• Oranje = 50 tot 89 punten = gemiddeld
• Groen = 90 tot 100 punten = goed

In de praktijk is de interpretatie echter niet zo eenvoudig. Het is onder andere niet absoluut noodzakelijk om een waarde in het groene bereik te behalen om je website snelheid te laten maken.

In plaats daarvan kun je een vuistregel aanhouden: Op mobiel moet je minstens in het oranje bereik zitten; alles boven een waarde van ongeveer 70 is al goed. Voor de desktop kun je zeker streven naar het groene bereik – maar je hoeft ook geen 100 punten te hebben.

GTmetrix

GTmetrix is ook een relatief eenvoudige tool, maar het meet vooral de werkelijke laadtijd van je website. Opmerking: Je moet je voor de meting gratis registreren en de locatie van de meting wijzigen van Vancouver naar Londen.

Je kunt ook de snelheid van je website controleren met onze WordPress Speed Test. Voer simpelweg je URL in en onze WordPress experts zullen de snelheid van je WordPress website voor je controleren. Na maximaal 48 uur ontvang je een e-mail met alle details over de test en je volledige GTmetrix meetresultaat met alle relevante prestatiegegevens (incl. Core Web Vitals).

De vuistregel hier is: Je moet minstens een B-waardering halen.

WordPress Page Speed optimaliseren: 5 tips

Als je je WordPress paginasnelheid echt effectief wilt optimaliseren, moet je ervoor zorgen dat je maatregelen op een van deze vier centrale parameters vruchten afwerpen:

• Verklein je website
• Het aantal HTTP-verzoeken verminderen
• Datapakketten comprimeren
• Optimaliseer de waargenomen laadtijd

Onze tip: Concentreer je altijd eerst op het "laaghangende fruit" en activeer bijvoorbeeld caching (plugin of server-side), verminder HTML, CSS en JavaScript, ruim je WordPress op of optimaliseer je afbeeldingen voor WordPress. Een snelle WordPress hosting zorgt er ook voor dat de technologie je niet vertraagt met alle optimalisaties.

Al met al zijn er veel eenvoudig te implementeren maatregelen waarmee je de laadtijd van je WordPress website kunt verkorten. We hebben de basis al in verschillende artikelen voor je samengevat en dat willen we je hier natuurlijk niet onthouden:

• Optimaliseer WordPress met de 10 belangrijkste maatregelen
• WordPress sneller maken: De beste tips voor meer performance
• PageSpeed Insights en het belang van website snelheid
• Shut up Google PageSpeed! De belangrijkste foutmeldingen herstellen

Heb je alle basisbeginselen al aangepast? Dan vertellen we je nu vijf extra tips en trucs die je kunt gebruiken om je WordPress Page Speed te finetunen.

#1 Anticiperen op DNS-verzoeken

De meeste websites bevatten code van derden. Video's worden vaak aangeboden via aparte videohosting (bijvoorbeeld via YouTube of Vimeo). Je hebt waarschijnlijk ook diensten zoals Google Maps of sociale feeds van Instagram & co. op je website geïntegreerd. Simpel gezegd moeten al deze diensten via DNS-verzoeken van de externe server van de externe aanbieder worden geladen om te kunnen functioneren. Dit neemt een bepaalde hoeveelheid tijd in beslag en kan ervoor zorgen dat je website langzamer laadt.

Een manier om tijd te besparen en de snelheid van je WordPress pagina's te optimaliseren is DNS prefetching. Hierbij worden de DNS zoekopdrachten op een pagina al op de achtergrond uitgevoerd voordat de gebruiker daadwerkelijk op de bijbehorende link klikt, bijvoorbeeld een video. Op deze manier heeft de DNS zoekopdracht al plaatsgevonden en wordt de wachttijd voor gebruikers verkort. Het resultaat: een verbeterde gebruikerservaring en meer paginasnelheid.

Je kunt DNS prefetching instellen met een WordPress prestatieplugin zoals Perfmatters of WP Rocket.

#2 Verminder externe inhoud

Het is zelfs beter voor de paginasnelheid van je WordPress als je externe inhoud zoveel mogelijk beperkt. Als je deze foutmelding tegenkomt, kun je het beste heroverwegen of je echt alles nodig hebt wat momenteel via externe services op je website is geïntegreerd.

Als dat zo is, kun je ook lazy loading gebruiken om een deel van de inhoud pas weer te geven als de bezoekers van de website daadwerkelijk naar de plaats scrollen waar het zich op de pagina bevindt. Dit is bijvoorbeeld mogelijk met plugins zoals a3 Lazy Load.

#3 Optimaliseer je lettertypen

Op het eerste gezicht lijken lettertypen geen grote prestatievreters te zijn, maar ze kunnen de snelheid van je pagina's wel degelijk schaden. Dit is altijd het geval als ze, zoals Google Fonts, worden geleverd met grote stylesheets die eerst extern moeten worden geladen of lokaal moeten worden geïntegreerd.

Een oplossing zijn veilige webfonts of systeemfonts zoals Arial, Helvetica of Verdana, die vooraf geïnstalleerd zijn op elk apparaat. Ze bieden de beste laadtijd en veroorzaken geen problemen met de AVG. Als je momenteel twee of meer lettertypen gebruikt, moet je ook overwegen of je ze kunt verminderen.

Als je geen beveiligde webfonts wilt gebruiken, moet je het font display attribuut swap toevoegen. Op deze manier zal je site altijd eerst een beveiligd systeemlettertype laden en later overschakelen naar je eigenlijke lettertype. Normaal gesproken gebeurt dit zo snel dat de websitebezoekers de verandering visueel niet eens opmerken.

De meeste plugins voor prestaties en caching worden geleverd met deze functie. Je kunt het echter ook handmatig invoegen in de CSS-bestanden van je thema. Zoek naar de regel @font-face en voeg het attribuut "font-display: swap;" toe.

#4 Geef prioriteit aan zichtbare inhoud

De paginasnelheid wordt niet alleen bepaald door de kale cijfers, maar vooral door wat de gebruikers ervaren: de waargenomen laadtijd. Als je de paginasnelheid van je WordPress pagina wilt optimaliseren, moet je je concentreren op het gebied "Above the Fold", d.w.z. wat zichtbaar is zonder te scrollen.

Je moet prioriteit geven aan zichtbare inhoud en functies die je bezoekers direct op hun scherm hebben wanneer ze de pagina openen. Dit betekent dat de browser idealiter eerst de informatie krijgt die hij nodig heeft wanneer een website wordt opgeroepen, zodat het zichtbare gedeelte zo snel mogelijk wordt weergegeven.

In de praktijk echter blokkeren bronnen die pas later nodig zijn vaak het renderen in het zichtbare deel van de pagina. Om dit op te lossen en de waargenomen laadtijd te verbeteren, heb je verschillende opties:

• Prioritering introduceren: Hier bepaal je wat als eerste moet worden geladen. Je kunt bijvoorbeeld afbeeldingen voorrang geven en ze pas laden als de inhoud volledig is opgevraagd (lazy loading).
• CSS- und JavaScript-Dateien nach unten verlegen: JavaScript und CSS im Head der Seite können das Rendering im sichtbaren Bereich blockieren. Am besten verlegst du daher alles, was du zum Beispiel an Skripten und CSS-Dateien nicht sofort benötigst, ganz nach unten auf deine Seite vor das abschließende </body>. Falls das nicht geht, kannst du CSS und JavaScript auch asynchron laden lassen.

#5 Schakel ongebruikte WordPress functies uit

WordPress heeft standaard een aantal functies ingeschakeld die je waarschijnlijk niet nodig hebt. Toch worden ze altijd op de achtergrond geladen – en vertragen ze je website. Als je de snelheid van je pagina naar een hoger niveau wilt tillen, moet je altijd controleren of je ongebruikte functies kunt uitschakelen.

Deze omvatten onder andere:

• Pingbacks: WordPress werkt standaard samen met andere websites die pingbacks en trackbacks toestaan. Als je deze functie niet nodig hebt, moet je deze uitschakelen.
• Revisies: WordPress maakt automatisch revisies van al je berichten. Dit kan handig zijn, maar na verloop van tijd creëert het een hoop gegevensafval die je website traag maakt. Je kunt het aantal revisies het beste beperken.
• Emoji's: Sinds versie 4.2 maken emoji's deel uit van de WordPress Core. De scripts worden daarom altijd geladen als iemand de pagina oproept – ongeacht of ze daadwerkelijk worden gebruikt. Dit kost waardevolle laadtijd.
• Gravatar: Gravatar stuurt standaard voor elke opmerking verzoeken naar externe servers in de VS, wat de prestaties van je website vertraagt en ook lastig is in termen van gegevensbescherming.

Hoewel deze en soortgelijke functies afzonderlijk een minimale invloed hebben op je laadsnelheid, kunnen ze bij elkaar opgeteld een echt verschil maken. Door ze uit te schakelen, verminder je het aantal HTTP-verzoeken en verlaag je een van de vier belangrijkste parameters voor de optimalisatie van je WordPress Page Speed. De meeste van deze ongebruikte WordPress basisfuncties kun je met een paar klikken uitschakelen met Perfmatters of WP-Optimize.

Conclusie: PageSpeed is niet alles

Samengevat zijn er naast de basis – zoals het activeren van caching, vertrouwen op snelle hosting of het uitzoeken van plugins – ook een aantal instellingen die je nog fijner kunt afstellen om de snelheid van je WordPress pagina's te verhogen.

Al met al moet je je echter nooit gek laten maken door de Google PageSpeed Insights score. Hoewel het optimalisatiepotentieel laat zien en je een goede oriëntatie geeft, is het zeker niet de maatstaf voor alles. Doorbijten in je streven naar een perfecte 100 van de 100 punten kan ook tijdverspilling zijn.

Niet alle optimalisaties zijn altijd zinvol in individuele gevallen, vooral niet met zo'n uitgebreid contentmanagementsysteem als WordPress. Het is daarom veel belangrijker dat je de werkelijke en waargenomen laadtijd van je website controleert en optimaliseert.

Veelgestelde vragen over WordPress Page Speed

Wat beïnvloedt de laadtijd van een website?

Er zijn veel factoren die de laadtijd van een website beïnvloeden. Tot de belangrijkste behoren de grootte van de website, het aantal HTTP-verzoeken, de compressie van gegevenspakketten en de optimalisatie van de waargenomen laadtijd. De basis voor een goede laadtijd is altijd een krachtige en snelle WordPress hosting.

Hoe lang mag een pagina laden?

Onderzoeken tonen aan dat met name mobiele gebruikers het laden van de pagina van een online winkel eenvoudigweg opgeven als het langer dan drie seconden duurt. Idealiter zou de laadtijd niet meer dan twee seconden moeten zijn.

Hoe belangrijk is paginasnelheid?

Page Speed, d.w.z. de laadsnelheid van je website, kan bepalen of gebruikers zich met jou en je bedrijf inlaten of je website vroegtijdig verlaten. Het heeft een grote invloed op de gebruikerservaring en ook op de Google ranking van je website. Bovendien lijdt je conversiepercentage in het ergste geval onder te lange laadtijden.