Een praktische handleiding voor de algehele prestatie-optimalisatie van WordPress: van de kern tot de plug-ins, de beste werkwijzen.

De prestaties van een WordPress-website beïnvloeden direct de gebruikerservaring, de conversiepercentages en de positie in zoekmachines. Een website die langzaam laadt, zal bezoekers snel wegjagen en je SEO-inspanningen ondermijnen. In deze gids vind je een compleet set praktische tips voor het optimaliseren van de prestaties, van de kernsystemen tot de keuze van plugins, die je direct kunt toepassen.

Optimalisatie van kernsystemen en servers

Optimalisatiewerkzaamheden moeten vanuit de basis beginnen; een stabiele server en een juiste kernconfiguratie vormen de basis voor alle geavanceerde optimalisaties.

Kies voor een high-performance hostoplossing.

虚拟主机、VPS、云服务器和专用服务器的性能差异巨大。对于流量中等及以上的网站，建议至少选择配置了SSD硬盘、PHP 7.4或更高版本、并支持HTTP/2和Let‘s Encrypt SSL证书的VPS或云服务器方案。许多托管服务商提供专为WordPress优化的托管服务，它们通常预装了对象缓存、CDN集成和更安全的服务器配置。

Aanbevolen leesmateriaal Optimalisatie van de prestaties van een WordPress-site: essentiële stappen en geavanceerde technieken voor een systematische verbetering van de laadsnelheid。

Optimaliseren van PHP- en databaseconfiguraties

Zorg ervoor dat je server een oudere versie van PHP niet meer gebruikt, maar een nieuwere versie (bijvoorbeeld PHP 8.0 of later). De prestaties van deze nieuwe versies zijn namelijk aanzienlijk verbeterd ten opzichte van oudere versies. Verder is het handig om de memorylimieten en de maximale uitvoeringstijd van PHP aan te passen. Je kunt dit doen door een bestand te creeren of te bewerken in de wortelmap van je website.php.iniDe bestanden kunnen worden aangepast via het hostpaneel.

UltaHost WordPress-hosting

30-daagse garantie voor het terugbetalen van het geld, onbeperkt bandbreedte- en databestand, gratis DDoS-beveiliging, en een prijsvoordeel van 50% bij een aankoop van 3 jaar.

toegangspagina

memory_limit = 256M
max_execution_time = 300
upload_max_filesize = 64M
post_max_size = 128M

Met betrekking tot de database: gebruik deze regelmatig.phpMyAdminOf vergelijkbare tools om database-tabellen te optimaliseren.OPTIMIZE TABLEVerwijder onnodige gegevens zoals gewijzigde versies, concepten (drafts) en ongebruikte of ongewenste commentaren. Dit kan worden gedaan met behulp van speciale tools of processen.wp_postmeta和wp_optionsOptimalisatie van de tabel om de kosten van query's te verlagen.

Een efficiënte cachemechanisme instellen

Het activeren van caching op serverniveau is de meest efficiënte manier. Als je Nginx gebruikt, kun je de FastCGI-caching instellen. Voeg in het Nginx-configuratiebestand regels toe die op deze lijken:

fastcgi_cache_path /path/to/cache levels=1:2 keys_zone=WORDPRESS:100m inactive=60m;
fastcgi_cache_key "$scheme$request_method$host$request_uri";

Vervolgens moet je in het serverblok de caching voor PHP-verzoeken activeren. Voor gebruikers van Apache kan je dit bijvoorbeeld doen door de relevante opties in de configuratie te activeren.mod_expires和mod_headersEr zijn modules beschikbaar om de browsercache in te stellen.

Optimalisaties op thematisch en codegebied

Een opgeblazen thema en onefficiënt code zijn de onzichtbare killers van de prestaties. Hoewel de server zeer krachtig is, kan slecht kwalitatief front-end-code de snelheid van het weergeven van pagina's vertragen.

Aanbevolen leesmateriaal Ultimatumgids voor WordPress-optimisatie: een compleet pakket aan oplossingen, van het verbeteren van de snelheid tot het versterken van de beveiliging。

Kiezen en optimaliseren van onderwerpen

Kies altijd voor een lichtgewichtig thema dat voldoet aan standaardcode-richtlijnen, waarbij de resources op een efficiente manier worden geladen en dat is geoptimaliseerd voor snelheid. Vermeid thema's met te veel ingebouwde pagebuilders of met fancy, maar onnodig zware functies. Gebruik tools als Google PageSpeed Insights of GTmetrix om de prestaties van het thema te analyseren en eventuele beperkingen in de front-end te identificeren.

Voor het thema dat momenteel wordt gebruikt, kunnen ongebruikte stijlen en scripts handmatig of met behulp van plugins worden verwijderd. Als het thema bijvoorbeeld stijlen heeft geregistreerd voor meerdere slider-plugins, maar je alleen één van deze plugins gebruikt, moet je de overige stijlen verwijderen.

Optimaliseren van het laden van scripts en styleheets

Plaats je CSS-code in het hoofddeel (header) van de pagina en je JavaScript-code in het onderdeel (footer) van de pagina.Voor CSS die zich bevindt voor de taggen (dus de basisprincipes van het ontwerp) gelden deze regels. Voor niet-kritieke CSS-elementen kan het verstandig zijn om deze asynchroon te laden. Dit kan worden gerealiseerd met WordPress.wp_enqueue_scriptTijdens het gebruik van een functie kan men bepaalde instellingen of parameters vaststellen.in_footerDe parameter istrue。

hosting.com gedeelde hosting

Hoge prestaties met AMD EPYC CPU's, NVMe SSD opslag en LiteSpeed, 24/7 deskundige interne ondersteuning, geavanceerde beveiligingsmaatregelen waaronder SSL, bescherming tegen brute kracht, malware en DDoS, besparingen tot 73%

toegangspagina

function my_theme_scripts() {
    // 将jQuery和主题主JS文件放在页脚加载
    wp_enqueue_script('jquery');
    wp_enqueue_script('my-theme-script', get_template_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

Tegelijkertijd kan het samenvoegen en comprimeren van CSS/JS-bestanden de hoeveelheid HTTP-verzoeken effectief verminderen. Dit kan worden gerealiseerd tijdens de ontwikkelingsfase met plugins als Autoptimize of build-tools zoals Webpack en Gulp.

Verzamelde inhoud en afbeeldingen laden met vertraging in, en optimaliseer de afbeeldingen.

Voor alle afbeeldingen, iframes en video's moet de vertraging van het laden worden ingeschakeld. WordPress 5.5 en later biedt al ondersteuning voor het vertragen van het laden van afbeeldingen op basis van de standaardfuncties; hiervoor hoef je alleen maar enkele instellingen aan te passen.loading="lazy"Een paar attributen zijn voldoende. Voor een uitgebreidere oplossing kun je kijken naar het gebruik van plugins.

Zorg ervoor dat je foto's compressieert met tools als Tinify of ShortPixel, of met lokale software, voordat je ze uploadt. Gebruik ook moderne fotoformaten zoals WebP, omdat deze een betere compressie bieden dan JPEG en PNG. De conversie van het format kan automatisch worden gerealiseerd met plugins (zoals WebP Express) of CDN-diensten.

Aanbevolen leesmateriaal De ultieme gids voor het versnellen van WordPress-websites: van nul naar expert。

Het kiezen en instellen van effectieve plugins

Plugins zijn de bron van de sterke mogelijkheden van WordPress, maar ze zijn ook de belangrijkste oorzaak van een verminderde prestatie. Het is belangrijk om plugins met zorg te kiezen en te beheren.

Uitgebreide en essentiële prestatie-optimalisatie-plugins

Hier zijn enkele bewezen kernprestatieplugins, waarvan ieder is gericht op een belangrijk gebied:
* 缓存插件：如WP Rocket（付费）、W3 Total Cache或WP Super Cache。它们能生成静态HTML文件，避免每次访问都执行复杂的PHP和数据库查询。
* 数据库优化插件：如WP-Optimize，它可以定期清理和优化数据库表。
* 图片优化插件：如Imagify、ShortPixel，它们可以自动压缩上传的图片并生成WebP版本。
* 代码优化插件：如Autoptimize，用于合并、压缩CSS/JS文件，并优化加载方式。

InterServer gedeelde hosting

Shared hosting $2.50 USD per maand, eerste maand $0.1 USD promo code tryinterserver, 461 cloud apps scripts, een klik te installeren.

toegangspagina

Let op: Vermeid het installeren van plugins met overlappinge functies. Installeer bijvoorbeeld geen twee plugins voor het opslaan van de hele pagina in de cache.

De invloed van monitoring- en diagnosticatieplugins

Gebruik regelmatig plugins voor het monitoren van queries om de prestatie- en resourceverbruik van elk plugin te beoordelen.Query MonitorHet is een krachtig ontwikkelingshulpmiddel dat de tijd van paginageneratie, het aantal database-verzoeken, de door elke plugin en thema uitgevoerde acties (‘hooks’), evenals de in wachtrij staande scripts en styles weergeeft. Met dit hulpmiddel kun je precies vaststellen welke plugin op een bepaalde pagina voor een prestatieprobleem zorgt.

Voor front-end-resources kun je met de ontwikkelaarstools van de browser (de panelen Network en Performance) zien welke bestanden worden geladen door elke extensie, hoe groot deze bestanden zijn en hoe lang het duurt om ze te laden.

Beste praktijken voor het instellen van plugins

Zelfs de beste plugins kunnen het tegenovergestelde effect hebben als ze verkeerd zijn geconfigureerd. Neem bijvoorbeeld de caching-plugin als voorbeeld; enkele veel voorkomende, optimale configuraties zijn:
* 启用页面缓存和浏览器缓存。
* 为登录用户和购物车页面禁用缓存（针对电商网站）。
* 谨慎使用“缩小”功能，并始终在启用后测试网站功能是否正常。
* 设置合理的缓存生命周期，对于内容不常变的页面可以设置较长时间。
* 集成对象缓存（如Redis或Memcached），如果服务器环境支持的话。

Integratie van geavanceerde caching-mogelijkheden met CDN (Content Delivery Network)

Nadat de basisoptimalisaties zijn voltooid, kan het gebruik van objectcaching en een Content Delivery Network (CDN) de prestaties van een website naar een nieuw niveau brengen, vooral voor een wereldwijd publiek.

Implementeren van objectcaching

Object caching slaat de resultaten van database-verzoeken op in het geheugen, zodat dezelfde verzoeken later direct uit het geheugen kunnen worden gelezen, waardoor de snelheid zeer hoog is. Redis en Memcached zijn twee populaire oplossingen voor object caching.

Allereerst moet je ervoor zorgen dat Redis of Memcached is geïnstalleerd op je server, evenals de corresponderende PHP-client (bijvoorbeeld PhpRedis). Daarna kun je dit door middel van aanpassingen in je configuratie implementeren.wp-config.phpDeze file moet worden gebruikt om het te activeren.

// 对于 Redis
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);
// 可选：指定数据库索引，避免冲突
define('WP_REDIS_DATABASE', 0);

Daarna kunt u gebruikmaken van plugins zoals “Redis Object Cache” om de status van de cache te beheren en te verbinden met de rest van het systeem.

Integration with a content distribution network

CDN (Content Delivery Network) slaat je statische bronnen (afbeeldingen, CSS, JS, fonts) op in edge-servers verspreid over de hele wereld op. Wanneer een gebruiker deze bronnen opvraagt, worden ze gehaald van de server die zich het dichtst bij de gebruiker bevindt, waardoor de vertraging aanzienlijk wordt verminderd.

Het integreren van een CDN (Content Delivery Network) vindt meestal in twee stappen plaats:
1. 注册一个CDN服务商（如Cloudflare、KeyCDN、BunnyCDN）。
2. 在WordPress中配置。许多缓存插件（如WP Rocket）提供了CDN集成设置栏，只需填入你的CDN URL即可。或者，你也可以使用专门的CDN插件，或在functions.phpDe resource-URL's worden in China gewijzigd door middel van filters.

function my_cdn_url($url) {
    if (is_admin()) return $url; // 后台不处理
    $cdn_domain = 'cdn.yourdomain.com';
    $home_domain = parse_url(home_url(), PHP_URL_HOST);
    return str_replace($home_domain, $cdn_domain, $url);
}
add_filter('wp_get_attachment_url', 'my_cdn_url');
add_filter('stylesheet_directory_uri', 'my_cdn_url');
add_filter('template_directory_uri', 'my_cdn_url');

Optimaliseren van het laden van fonten en iconen

Webfonten zijn een veel voorkomend element dat de weergave van een webpagina kan vertragen. Het is belangrijk om ervoor te zorgen dat webfonten op de juiste manier worden gebruikt.font-display: swap; CSS-attributen zorgen ervoor dat de tekst eerst met de systeemfont wordt weergegeven en pas nadat de webfont is geladen wordt vervangen. Daarnaast worden de fontbestanden opgezet op een CDN (Content Delivery Network), waardoor alleen de vereiste fontweiten en karakterondersets worden geladen.

Voor iconen kun je beter gebruikmaken van inline SVG-icoontjes in plaats van iconentexten. SVG (Scalable Vector Graphics) zijn vectorgrafieken die minder ruimte in beslag nemen en geen problemen veroorzaken met het laden van fonten.

Samenvatting

Het optimaliseren van de prestaties van WordPress is een systeemmatig proces dat op meerdere gebieden moet worden uitgevoerd: de serverinfrastructuur, de kwaliteit van het code, de beschikbare plugins en het gebruik van geavanceerde caching-mogelijkheden. De kernidee is om het aantal HTTP-verzoeken te verminderen, de overgedragen gegevens te compresseren, niet-kritieke onderdelen van de website te vertragen en alles wat kan worden gememoreerd, te bewaren in de cache. Door de stappen uit deze gids te volgen en regelmatig analysetools te gebruiken om de resultaten te monitoren, kun je een snelle, soepe WordPress-website bouwen met een uitstekende gebruikerservaring. Dit zorgt voor een significante voorsprong in de SEO-concurrentie en het behouden van gebruikers.

Veelgestelde vragen (FAQ)

Hoeveel cache-plugins moet ik gebruiken?

Meestal is een volledig functionerende cache-plugin (zoals WP Rocket) voldoende. De plugin moet onder andere de opslag van pagina's in de cache, de browsercache, database-optimalisaties (of integratie met dergelijke functies), evenals instellingen voor CDN en vertraagd laden (lazy loading) ondersteunen. Het installeren van meerdere cache-plugins kan leiden tot conflicten in de regels, waardoor de prestaties afnemen of de website zelfs niet meer goed werkt. Kies voor een plugin met goede beoordelingen en frequente updates, en configureer deze plugin grondig.

Wanneer de cache is ingeschakeld, zie ik soms nog de oude versie van de pagina. Dit kan gebeuren voor verschillende redenen:

Dit is een teken dat de cache goed werkt. Als je een artikel of pagina updatet, moet je de cache van die pagina wissen (of het scherm opnieuw laden) zodat de nieuwe inhoud voor bezoekers zichtbaar wordt. Bijna alle cache-extensies bieden in het beheerpaneel een snelle knop om de cache te wissen. Voor websites die vaak worden bijgewerkt, kun je de automatische verloop tijd van de cache instellen of de functie “automatische verwijdering van de cache van bepaalde pagina’s” gebruiken.

Hoe kun je bepalen of een plugin de snelheid van een website vertraagt?

De meest effectieve methode is om...Query MonitorPlugins: Deactiver alle plugins en activeer ze vervolgens een voor een. Gebruik hiervoor hulpmiddelen om de veranderingen in de laadtijd van de pagina en het aantal database-verzoeken te observeren. Je kunt ook een baseline-prestatiescijfer bepalen nadat alle plugins zijn deactiverd, en deze cijfer vervolgens opnieuw meten na het activeren van elke plugin. Hierdoor kun je vaststellen welke plugin het probleem veroorzaakt. Het “Network”-paneel in de ontwikkelaarstool van de browser toont ook de resources die door elke plugin worden geladen.

De snelheid van de website is na de optimalisatie nog steeds niet ideaal. Waar kan dit aan liggen?

Als alle bovenstaande optimalisaties zijn uitgevoerd en de snelheid nog steeds laag is, kan het probleem liggen bij: 1) De server zelf heeft een te lage prestatie of de serverruimte waar de server is geplaatst is te ver van de gebruikers. Overweeg dan om de configuratie te upgraden of de hostprovider te wisselen; 2) Het thema bevat diepe codeproblemen die niet kunnen worden opgelost met standaardoptimalisaties. Probeer dan om te switchen naar het standaardthemaa (bijvoorbeeld Twenty Twenty-Four) om de verschillen te vergelijken; 3) Een bepaalde kernfunctie (bijvoorbeeld een complexe query of een oproep naar een derde-partij-API) is van nature langzaam. In dit geval is een analyse en herschrijving van de code nodig. Het kan dan efficiënter zijn om een professionele ontwikkelaar in te huren voor een performance-audit.