De snelheid van een website is een belangrijke factor voor de gebruikerservaring en de positie in zoekmachines. Een langzaam ladende WordPress-website zal niet alleen bezoekers afschrikken, maar heeft ook directe invloed op de omzet van uw bedrijf. In deze gids worden systematisch 20 belangrijke tips beschreven, die gaan over serverconfiguratie, themacode, pluginbeheer en geavanceerde caching-strategieën, om de prestaties van uw website op alle fronten te verbeteren.
Optimalisatie van servers en hostomgevingen
Een solide basis is essentieel voor het bouwen van grote gebouwen (in dit geval: complexe software-systemen). Voor het uitvoeren van optimalisaties op code-niveau, is het van belang om te controleren of uw serveromgeving in optimale staat is.
Kies voor een high-performance hostoplossing.
Houd je weg van shared hosting en kies in plaats daarvan voor een hostingprovider die is gespecialiseerd in het ondersteunen van WordPress, of voor een VPS (virtual private server) of een eigen server. Deze providers bieden meestal een snellere processor, meer geheugen en een beter geoptimaliseerde software-stack (zoals LiteSpeed of Nginx), waardoor de respons tijd van de server aanzienlijk wordt verlengd.
Aanbevolen leesmateriaal De ultieme handleiding voor WordPress-optimalisatie: 20 essentiële tips om de snelheid en prestaties van je website te verbeteren.。
De meest recente versie van PHP is geactiveerd.
Gebruik altijd een stabiele en recente versie van PHP die wordt ondersteund door uw hostingprovider. Ten vergelijking met PHP 5.6 of 7.0, kan PHP 7.4 of 8.x de uitvoerings snelheid een stuk verbeteren en vereist tegelijkertijd minder memory. U kunt de PHP-versie controleren en wijzigen in het hostingpaneel; vergeet niet een volledige back-up te maken voordat u deze wijziging doorvoert.
Implementeren van objectcaching
Op dynamische WordPress-sites vormen database-opvragen een van de belangrijkste performance-beperkingen. Het toepassen van objectcaching zorgt ervoor dat de resultaten van database-opvragen in het geheugen worden opgeslagen, waardoor de directe toegang tot de database aanzienlijk wordt verminderd.
De meest gebruikelijke objectcaches voor het behouden van gegevens zijn Redis of Memcached. Veel geavanceerde hostingdiensten bieden deze ondersteuning al standaard aan. U kunt ze ook zelf installeren met tools als…Redis Object CacheZulke plugins worden gebruikt om bepaalde functies te activeren.
Het gebruik van een content distribution network (CDN)
CDN (Content Delivery Network) slaat uw statische bronnen (afbeeldingen, CSS- en JavaScript-bestanden) op in servers verspreid over de hele wereld op. Wanneer gebruikers uw website bezoeken, levert CDN deze bestanden vanaf de server die het dichtst bij hen is op, waardoor de vertraging en de belasting op de servers aanzienlijk wordt verminderd. Cloudflare en StackPath zijn populaire opties voor het gebruik van een CDN.
Thema's, plugins en codeoptimalisatie
Onefficiënte code is een sluipende vijand die de snelheid van een website belemmert. Door thema's en plugins nauwkeurig te beheren en te optimaliseren, kan de prestatie van de website op de bron worden verbeterd.
De plugins worden geauditeerd en vereenvoudigd.
Elk plugin leidt tot meer HTTP-verzoeken, PHP-executies en database-verzoeken. Controleer regelmatig welke plugins niet meer nodig zijn en deel ze uit of verwijder ze. Gebruik hiervoor tools als…Query MonitorDankzij zulke plugins kunnen we bepalen welke plugins voor problemen met de prestaties zorgen.
Aanbevolen leesmateriaal De ultieme gids voor WordPress-optimalisatie: 20 essentiële tips om de snelheid van je website en de SEO-ranking te verbeteren.。
Kies voor een lichtgewichtig thema dat goed is opgezet (met duidelijke code).
Vermeid het gebruik van thema’s met te veel functies en een complexe pagebuilder. Kies voor thema’s die zich richten op snelheid, een simpele code en het naleven van WordPress“ codingstandaarden. In het themaarchief (theme repository) kun je de prestaties van thema’s bekijken onder de filter ”Advanced’.
Optimaliseren van het functions.php-bestand van het thema
functions.phpDe bestand bevat een verzameling functies voor het thema. Voorkom het toevoegen van onnodige scripts en stijlregels in deze bestand. Zorg ervoor dat de code die je toe wilt voegen efficiënt en nodig is. Gebruik bijvoorbeeld de mogelijkheden van WordPress op een verstandige manier.wp_enqueue_script和wp_enqueue_styleFuncties die de locatie en het moment van het laden van scripts en styles bepalen.
// 正确示例：仅在非管理页面加载自定义脚本
function mytheme_enqueue_scripts() {
if ( !is_admin() ) {
wp_enqueue_script( 'my-custom-script', get_template_directory_uri() . '/js/script.js', array(), null, true );
}
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_scripts' );De Heartbeat API uitschakelen of de frequentie ervan beperken.
De WordPress vanHeartbeat APIHet gebruik van AJAX-uitvragen om functies als automatische opslag en sessiebeheer te realiseren, kan leiden tot een groot aantal verzoeken op de bewerkingssite. Voor websites waarin de inhoud niet vaak wordt gepubliceerd, kan het worden overwogen om deze functies uit te schakelen of de frequentie ervan te beperken.
// 示例：完全禁用Heartbeat（谨慎使用）
add_action( 'init', 'stop_heartbeat', 1 );
function stop_heartbeat() {
wp_deregister_script('heartbeat');
}De database optimaliseren en artikelbewerkingen uitschakelen.
In de databases van websites die langdurig worden gebruikt, verzamelt zich een groot aantal gewijzigde versies, ongebruikte of ongewenste commentaren en andere data. Het is belangrijk om deze databases regelmatig te bewerken.WP-Optimize或Advanced Database CleanerDe plugin wordt gereinigd. Daarnaast is het ook mogelijk om…wp-config.phpIn het bestand zijn beperkingen opgelegd of wordt het verboden om artikelen te bewerken.
// 在wp-config.php中禁用文章修订和自动保存
define('WP_POST_REVISIONS', false);
define('AUTOSAVE_INTERVAL', 3600); // 将自动保存间隔设置为1小时（3600秒）Optimalisatie van het laden van statische bronnen
Afbeeldingen, style sheets en scriptbestanden zijn de belangrijkste onderdelen die worden geladen door de front-end en zijn ook de gemakkelijkste onderdelen om te optimaliseren.
Afbeeldingscompressie en lazy loading
Gebruik tools of methoden als…ShortPixel、Imagify或TinyPNGDankzij zulke plugins of tools worden foto's automatisch compressieerd tijdens het uploaden. Er wordt ervoor gezorgd dat ze worden opgeslagen in moderne formaten zoals WebP.
Daarnaast wordt lazy loading gebruikt, waardoor afbeeldingen en video's pas worden geladen wanneer de gebruiker naar de buurt van het beeldscherm scrolt. Sinds versie 5.5 biedt het WordPress-core-systeem ondersteuning voor lazy loading van afbeeldingen en iframes.
Aanbevolen leesmateriaal Gids voor ultieme prestaties: 20 WordPress-optimalisatietips en best practices die je niet mag missen。
CSS- en JavaScript-bestanden samenvoegen en minimaliseren
Het verminderen van het aantal HTTP-verzoeken is een gouden regel voor het optimaliseren van de prestaties. Door gebruik te maken van caching-plugins (zoals WP Rocket of W3 Total Cache, die hieronder worden genoemd), kun je meerdere CSS- en JS-bestanden samenvoegen tot een aantal kleinere bestanden. Daarnaast kun je onnodige ruimtes, commentaren en regelveranderingen uit deze bestanden verwijderen om de grootte van de bestanden te verkleinen.
Asynchrone of vertraagde laad van niet-kritieke JavaScript-bestanden
JavaScript-code die de weergave van de pagina belemmert, kan de vertoning van de inhoud vertragen. Voor onbelangrijke scripts (zoals advertenties of analysecodes) moet worden gekozen voor asynchrone of vertraagde laadmethoden.
<!-- 异步加载 -->
<script async src="analytics.js"></script>
<!-- 延迟加载 -->
<script defer src="widget.js"></script>Er zijn veel optimalisatieplugins beschikbaar die deze attributen automatisch kunnen toevoegen aan scripts.
Strategieën voor het optimaliseren van het gebruik van webfonten
Elegante webfonten kunnen groot in size zijn en vereisen extra internetverzoeken. Geef de voorkeur aan de systeemfonten. Als je wel webfonten moet gebruiken, kies dan voor een moderne format (zoals WOFF2).font-display: swapVoorkom dat attributen de weergave van de pagina belemmeren, en gebruik tips voor voorverloading (het vooraf laden van inhoud).
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>Verwijder de zoekstring en de Emoji-script.
De URL's van statische resources bevatten soms een querystring (bijvoorbeeld:?ver=5.9Dit kan de caching van bepaalde proxy servers belemmeren. Daarnaast kan het script voor emoji’s dat WordPress standaard laadt, worden verwijderd voor websites waar geen ondersteuning voor emoji’s nodig is.
// 移除版本查询字符串
function remove_query_strings( $src ) {
if ( strpos( $src, '?ver=' ) ) {
$src = remove_query_arg( 'ver', $src );
}
return $src;
}
add_filter( 'script_loader_src', 'remove_query_strings', 15, 1 );
add_filter( 'style_loader_src', 'remove_query_strings', 15, 1 );
// 禁用Emoji
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );Advanced caching en cutting-edge technologieën
Na het uitvoeren van de bovengenoemde basisoptimalisaties, kan de prestatie van de website worden verbeterd door het gebruik van geavanceerde caching-mogelijkheden en nieuwe technologieën.
Volledige configuratie van de pagina-cache
Paginacaching is een van de meest effectieve methoden voor optimalisatie. Het slaat de dynamisch genereerde HTML-pagina op als een statische bestand, zodat deze bestand de volgende keer dat de pagina wordt bezocht direct wordt geleverd, zonder dat PHP of MySQL worden gebruikt.
Het wordt aanbevolen om dit te gebruiken.WP Rocket、LiteSpeed Cache或W3 Total CacheEn andere plugins. Voor gebruikers van de LiteSpeed-server:LiteSpeed CacheDe plugin biedt de diepste integratie en de beste mogelijkheden.
Browser caching implementeren
Door HTTP-headers in te stellen, geef je de browser op om statische bronnen (zoals afbeeldingen, CSS en JS) lokaal op te slaan in de cache. Op deze manier hoeft de browser deze bronnen niet opnieuw te downloaden wanneer ze binnen de geldigheidsperiode worden opgevraagd. Dit kan meestal worden gerealiseerd door….htaccessDe regels kunnen worden toegevoegd in het bestand of met behulp van een caching-plugin.
# 在.htaccess中设置浏览器缓存过期时间
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>GZIP/Brotli-compressie inschakelen
Het comprimeren van tekstbestanden (HTML, CSS, JS) op de serverkant kan de overdrachtsgrootte aanzienlijk verminderen. GZIP wordt breedverspreid ondersteund, terwijl Brotli een nieuwere algoritmie is met een nog hogere compressiegraad. De meeste caching-plugins of CDN-diensten bieden de mogelijkheid om dit proces met één klik in te schakelen.
Het gebruik van voorverlichting, voorverbindingen en vooraf opgehaalde gegevens
Gebruik Resource Hints om de volgorde van het laden van belangrijke resources te optimaliseren.
- <link rel="preload">Resourcen met hoge prioriteit worden direct opgehaald die op deze pagina nodig zijn.
- <link rel="preconnect">Vooraf een verbinding opzetten met derde partijen (zoals fontservers of domeinen voor analysen).
- <link rel="dns-prefetch">Eerst worden DNS-verzoeken uitgevoerd.
Deze instellingen kunnen worden toegevoegd aan de bovenste delen van het thema, of worden automatisch gemaakt door geavanceerde optimalisatieplugins.
Stel je voor om AMP (Accelerated Mobile Pages) te implementeren of de Jamstack-architectuur te gebruiken.
Voor websites waarbij het vooral om het lezen van content gaat, kan je AMP (Accelerated Mobile Pages) gebruiken om een zeer snelle mobiele versie van de website te creeren.
Voor de toekomstige ontwikkeling kan je het Jamstack-architectuurpatroon overwegen. Hierbij wordt Headless WordPress gebruikt als content management systeem in combinatie met statische websitegeneratoren zoals Next.js of Gatsby. De website wordt op deze manier van tevoren in pure statische bestanden omgezet, waardoor je een ongeëvenaard snelle laadtijd en een hoge veiligheid krijgt.
Continuïze monitoring en testing
Regelmatig de prestaties van je website testen met tools als Google PageSpeed Insights, GTmetrix of WebPageTest. Kijk bij deze tests naar belangrijke metingen zoals de tijd tot de eerste inhoud wordt weergegeven (First Content Paint), de tijd tot de volledige inhoud wordt weergegeven (Full Content Paint) en het totale verschil in lay-out (Cumulative Layout Shift). Volg de aanbevelingen uit de rapporten om eventuele verbeteringen door te voeren.
Samenvatting
WordPress-optimalisatie is een systeemmatische procedure die vanaf de server tot aan de front-end wordt uitgevoerd, en geen eenmalig proces is. Door de 20 tips uit deze gids te volgen, kunt u de snelheid van uw website op verschillende manieren verbeteren: de hostingomgeving, de kwaliteit van het code, het beheer van statische bronnen en het gebruik van geavanceerde caching-mogelijkheden. Vergeet niet dat optimalisatie een continu proces is; regelmatige audits, tests en aanpassingen zijn essentieel om de beste prestaties van uw website te behouden. Begin met de tips die de grootste impact hebben (bijvoorbeeld het activeren van pagina-caching en het compresseren van afbeeldingen), en implementeer daarna steeds meer andere optimalisaties. U ziet dan een duidelijke verbetering in de prestaties en de gebruikerservaring van uw website.
Veelgestelde vragen (FAQ)
Welke optimalisatie moet ik eerst uitvoeren?
Het is verstandig om te beginnen met aanpassingen op de serverkant en in de cache, omdat deze verbeteringen meestal de grootste prestatieverbetering opleveren. Hier is een prioriteitenlijst voor acties: 1) PHP 7.4 of een hogere versie activeren; 2) Een krachtige cache-plugin installeren en configureren (bijvoorbeeld WP Rocket of LiteSpeed Cache); 3) Afbeeldingen compresseren en ze pas laden wanneer ze echt nodig zijn (lazy loading). Met deze drie stappen kun je de meeste snelheidsproblemen van een website oplossen.
Zorgt het gebruik van te veel optimalisatieplugins er niet juist voor dat de website trager wordt?
Ja, dat klopt. Dit is een veel voorkomend misverstand: elke plugin brengt extra belasting met zich mee. Ons doel is om zo weinig mogelijk plugins te gebruiken als mogelijk, maar wel plugins met alle vereiste functies. Een goede cache-plugin (bijvoorbeeld WP Rocket) bevat meestal al verschillende functies zoals paginacaching, browsercaching, bestandsminimalisatie en lazy loading. Dit kan beter zijn dan wanneer je vier of vijf aparte plugins gebruikt, die ieder maar één functie hebben.
Hoe kun je bepalen of het een plugin of een thema is dat de snelheid van de website vertraagt?
Het gebruiken van een diagnostisch plugin is de efficiëntste manier. Installeer en activeer het.Query Monitor或P3 (Plugin Performance Profiler)Plugins. Ze bieden een gedetailleerde weergave van de laadtijd, het gebruikte geheugen en het aantal uitgevoerde database-verzoeken voor elke plugin en thema, waardoor prestatieproblemen precies kunnen worden geïdentificeerd.
Hoe vaak moet de database worden geoptimaliseerd?
Voor websites met frequente contentupdates (bijvoorbeeld websites die elke dag meerdere artikelen publiceren of die over een actieve commentaarruimte beschikken), is het aan te raden om maandelijks een reguliere optimalisatie en schoonmaak van de database uit te voeren. Hierbij worden versies die zijn gewijzigd, ontwerpen (drafts), en ongebruikte of ongewenste commentaren verwijderd. Voor bedrijfswebsites of blogs met minder frequente updates is het voldoende om dit eens per kwartaal of eens in de halfjaar te doen. Zorg ervoor dat u voor het uitvoeren van deze acties een volledige back-up van de database maakt.
Ik heb een CDN (Content Delivery Network) geactiveerd; heb ik dan nog steeds een lokale cache nodig?
Dat is absoluut nodig. CDN (Content Delivery Network) en lokale caching werken samen om elkaar te complementeren. CDN versnelt vooral de distributie van statische bronnen wereldwijd en verlicht de bandbreedtebelasting op uw originele server. Lokale (serverzijde) pagina-caching vermindert daarnaast de rekenbelasting op de originele server wanneer dynamische pagina’s worden generereerd. Samen zorgen ze voor de beste mogelijk resultaten.
De volgende stap, wat moeten we als volgende doen?
Voor meer informatie en praktische kennis
De volgende content is relevant voor het onderwerp van dit artikel en is geschikt voor verder lezen. Het kan vaak effectief zijn om eerst het artikel te lezen dat het dichtst bij uw huidige vraagstuk staat en vervolgens geleidelijk aan artikelen over aanverwante onderwerpen te bekijken.
- Alles over het kiezen en instellen van een VPS-host: van het begin tot het opzetten van een persoonlijke server
- 10 essentiële WordPress-beveiligingsinstellingen om je website te beschermen tegen hackers
- Hoe je een professioneel WordPress-thema kiest: een volledig handboek van veiligheid tot snelheid
- Ultimatumgids voor cloudhosting: een volledige uitleg over het kiezen van een type, de configuratie en strategieën voor optimalisatie
- WordPress-websiteoptimalisatiegids: Verbeter de laadtijd en gebruikerservaring
Nederlands