De snelheid van je site is een van de belangrijkste aspecten ervan, omdat je bezoekers een snelle en probleemloze ervaring verwachten. In deze handleiding lees je over welke zaken invloed hebben op de sitesnelheid, welke tools je kunt gebruiken om deze te meten, welke informatie deze tools je bieden en een voorbeeld van het verbeteren van de sitesnelheid voor een daadwerkelijke site.
In deze handleiding
Dit zijn de meest voorkomende factoren die een site vertragen:
- Afbeeldingen met een hoge resolutie of niet-geoptimaliseerde afbeeldingen.
- Het aantal en/of de kwaliteit van de geïnstalleerde plugins.
- Trage thema’s van derden.
- De hoeveelheid content op één pagina (in het bijzonder afbeeldingen en mediabestanden).
- De snelheid van de internetverbinding van het apparaat dat je site bezoekt.
Bij WordPress.com beheren wij de techische aspecten van je sitesnelheid, zodat jij dat niet hoeft te doen. We hebben een systeem opgezet met meerdere lagen van caching en optimalisatie van de back-end om te verzekeren dat je site over de hele wereld snel laad. We zijn ook uitgeroepen tot snelste host van 2021. Naast een geoptimaliseerde hosting-omgeving:
- Bieden we geoptimaliseerde site-thema’s.
- Gebruiken we een Content Delivery Network (CDN) om ervoor te zorgen dat je bezoekers overal snel toegang hebben tot de inhoud van je site.
- Bieden we tools en hulpmiddelen om je sitesnelheid te verbeteren, zoals hieronder beschreven.
Plugins en thema’s van derden zijn de meestvoorkomende oorzaken van problemen met de sitesnelheid. Omdat deze niet kunnen worden geïnstalleerd op sites met Gratis, Persoonlijk of Premium abonnementen, ervaren deze sites niet vaak problemen met de sitesnelheid.
Naast plugins zijn het aantal en de grootte van de afbeeldingen op een enkele pagina van je site of blog de meestvoorkomende oorzaken van een trage site. Hoewel het verleidelijk kan zijn om afbeeldingen met de best mogelijke kwaliteit met je bezoekers te delen, zorgt dat er vaak voor dat het bestand van de afbeelding veel groter is dan nodig is.
Volg onze ondersteuningsgids over Afbeeldingoptimalisatie om te zorgen dat je afbeeldingen geoptimaliseerd zijn voor online weergave.
Je moet vooral proberen om je site zo snel mogelijk te laten laden. Aan de andere kant moet je wel een evenwicht vinden tussen de functies die je nodig hebt om je bezoekers van dienst te zijn en de haalbare snelheid.
Gemiddeld kan een site vier tot vijf seconden nodig hebben om op het web te laden. De snelheid van je site kan echter veranderen aan de hand van een aantal factoren. De meestvoorkomende zijn:
Een site met te veel plugins wordt normaal gesproken trager geladen dan een site waarop een klein aantal plugins geïnstalleerd zijn. Dit gebeurt omdat je site meer code moet verwerken om de pagina’s te laden voor je bezoekers.
Hieronder vind je enkele opties die je helpen je site te optimaliseren als je een plugin-abonnement hebt:
- Page Optimize plugin – Deze plugin bevat opties om je te helpen CSS en JavaScript samen te voegen samen te voegen en de uitvoering van niet-essentiële scripts te vertragen. Deze opties kunnen ervoor zorgen dat browsers je WordPress.com-site sneller laden.
- Jetpack’s CDN – Jetpack bevat functies voor Content Delivery Network (CDN) waarmee je de serverbelasting kunt verdelen en bandbreedte kunt verminderen. Je kunt deze instellingen vinden onder Instellingen → Prestaties → Prestaties & Snelheid.
Hoewel je sommige plugins misschien als noodzakelijk beschouwt, is het een goed moment om de ‘must-haves’ voor je site te overwegen wanneer de prestaties van je site afnemen.
Als vuistregel moet je zo weinig mogelijk plugins proberen te gebruiken. Onthoud dat plugins uit de volgende categorieën niet noodzakelijk zijn voor je WordPress.com-site:
- Beveiliging en SSL
- Back-ups
- Caching
- Sitesnelheid en optimalisatie
- Databasebeheer
- Staging
- Spambescherming
- Siteherstel
Al deze functies worden al geregeld door je WordPress.com plug-inabonnement. En wanneer je deze plug-ins installeert, kunnen ze de geïntegreerde prestatiefuncties van je site verstoren.
We hebben ene volledige lijst met incompatibele plugins die je hier kan bekijken.
Het streamen van video’s via services als YouTube, Vimeo, Soundcloud, TripAdvisor, Google AdSense, Twitter en Facebook kan ook invloed hebben op de laadtijden. Dit komt doordat deze delen van je site/content worden opgehaald uit externe bronnen en je site moet wachten tot die service klaar is met laden, voordat je site volledig wordt geladen.
Hoewel er hier een wachttijd bij komt kijken, is deze tijd gewoonlijk zeer kort en zijn vertragingen duidelijker merkbaar op pagina’s met veel embedded materiaal.
Afbeeldingen die niet geoptimaliseerd zijn voordat ze zijn geüpload, kunnen de laadsnelheid van je site nadelig beïnvloeden omdat het laden van grotere afbeeldingsbestanden langer duurt.
Je kunt afbeeldingen echter optimaliseren voordat je ze uploadt. Deze handleiding bevat meer informatie over hoe je afbeeldingen zo snel mogelijk kunt laten laden.
Het thema dat je kiest, bepaalt de lay-out en het ontwerp van je site. Met een WordPress.com-abonnement dat het installeren van plugins ondersteunt kun je elk thema van elke maker uploaden, dus niet alleen die uit onze showcase met snelle WordPress.com-thema’s. Dit geeft je veel meer keuze uit duizenden thema’s, maar houd er hierbij wel rekening mee dat andere thema’s niet per se gemaakt zijn voor snelheid.
Wanneer je een thema kiest, kun je de beoordelingen van elk thema, het aantal keer dat het gebruikt wordt, de laatste update en de compatibiliteit bekijken. Dit zijn belangrijke aspecten die je moet overwegen wanneer je een thema kiest.
Sommige van de prachtigste thema’s kunnen de laadsnelheid ernstig vertragen als ze boordevol functies zitten. Daarom raden we je aan om voorzichtig te zijn wanneer je je thema kiest en thema’s te overwegen die alleen de functies bevatten die je nodig hebt en niet meer dan dat.
De sector waarin je actief bent, kan ook van invloed zijn op je siteprestaties en laadtijden. Het duurt normaal gesproken langer om websites uit de automotive-, reis-, retail- en entertainmentindustrie te laden. Dit komt voornamelijk doordat deze sites groter zijn en de meeste resources bevatten (media, stijlen en scripts) die geladen moeten worden.
Je kan online verschillende meethulpmiddelen voor de sitesnelheid vinden, zoals:
Geautomatiseerde site-prestatietools geven algemene aanbevelingen. Bovendien zijn ze nuttig om de best practices en mogelijkheden voor het verhogen van de sitesnelheid te identificeren.
Ze houden echter vaak geen rekening met specifieke softwareplatformen, zoals WordPress.com, of dingen die vereist zijn om je site er goed uit te laten zien en goed te laten werken.
Google PageSpeed Insights geeft bijvoorbeeld vaak aanbevelingen voor het verwijderen van render-blokkerende Javascript en CSS. Dit heeft echter een minimale impact op de snelheid en voorkomt dat je site er op de juiste manier uitziet en werkt.
Een goed voorbeeld hiervan is dat zelfs een van Google’s eigen sites vrij laag scoort met hun eigen PageSpeed Insight-tool:
https://developers.google.com/speed/pagespeed/insights/?url=fonts.google.com
Dit wil niet zeggen dat de site ‘slecht’ is. Deze is alleen niet afgestemd op de strenge regelcontrole van geautomatiseerde prestatietest-tools.
Om je sitesnelheid te meten met GTmetrix, ga je naar https://gtmetrix.com/, voer je de URL van je site in en klik je vervolgens op Analyze (Analyseren).
Zodra het systeem klaar is met de analyse, zie je wat de scores van je site op het gebied van PageSpeed en YSlow zijn:
In het vak Page Details (Paginagegevens) geeft Fully loaded time (Tijd voor volledig laden) weer hoelang het duurt voordat je site volledig geladen is. Als een site binnen 1 tot 3 seconden wordt geladen, kan deze als snel worden beschouwd.
Voor meer informatie over de tools PageSpeed en YSlow die worden gebruikt in GTmetrix, kun je hun officiële documentatie bekijken.
💡
Een WordPress.com-standaardsite met geïntegreerde aangepaste plugins en een standaard thema geactiveerd, wordt in ongeveer 1 seconde geladen. Het werd in 2021 beschouwd als de snelste WordPress-host.
Total Page Size (Totale paginagrootte) geeft de totale omvang van de pagina aan, inclusief alle afbeeldingen, video’s, scripts en andere bestanden. Hoe kleiner de paginagrootte, hoe sneller de site wordt geladen.
Hetzelfde geldt voor het aantal Requests (Aanvragen) op een pagina. Het aantal aanvragen houdt in hoeveel verschillende bestanden worden geladen om je site volledig weer te geven. Hoe lager het aantal, hoe minder bestanden worden geladen en hoe sneller het verloopt.
⚠️
De meeste HTTP-pagina-aanvragen zijn vaak afkomstig van verschillende plugins. Elke plugin breidt de grootte van je site een beetje uit. Verwijder altijd de plugins die je niet gebruikt.
Alle bovenstaande indicatoren geven een overzicht van je site, maar dit geeft geen gedetailleerde informatie, die belangrijk is om te bepalen wat het langst duurt om geladen te worden en wat geoptimaliseerd kan worden. Klik daarvoor op het tabblad Waterfall (Waterval) in GTmetrix.
In het tabblad Waterfall (Waterval) zie je waar de bestanden vandaan komen, hoe groot ze zijn en hoelang het duurt voordat ze geladen zijn. Je kunt bijvoorbeeld alle kolomkoppen aanklikken om de geladen items op tijd of grootte te selecteren.
Op dit tabblad breng je de meeste tijd door om te achterhalen wat je site langzaam maakt. Als sommige bestanden afkomstig zijn van een aangepaste plugin die je site langzaam maken en deze plugin niet echt noodzakelijk is, kan je overwegen om de plugin te deactiveren. Voer de snelheidstest opnieuw uit om te zien hoe dit je siteprestaties heeft verbeterd.
We hopen dat dit korte overzicht je tips, trucjes en tools heeft opgeleverd om je site nog beter te maken. Als je vragen hebt, kan je altijd contact met ons opnemen.
Ondersteuning 