Een snelle en responsieve WordPress-website is essentieel voor een goede gebruikerservaring, meer conversies en een betere positie in de zoekresultaten. Een trage laadtijd leidt namelijk tot het verlies van bezoekers en een lagere ranging in de zoekresultaten. In deze gids worden praktische strategieën voor het optimaliseren van de prestaties van een WordPress-website stap voor stap uitgelegd, van de basis tot de meer geavanceerde aspecten. Hierbij worden onder andere de server, de code, mediabestanden en SEO (Search Engine Optimization) behandeld.
Optimalisatie van servers en gehoste omgevingen.
Een high-performance-website begint met een solide basis. Je hostingomgeving is de belangrijkste factor die bepaalt hoe snel de website reageert.
Kies een krachtige hostingoplossing.
Vermeid het gebruik van shared hosting-servers die te overbevolkt zijn, en overweeg om over te stappen op een WordPress-specifiek hostingpakket, een virtuele privéserver (VPS) of een cloud-hostingdienst. Deze opties bieden over het algemeen betere hardwarebronnen, snellere opslagmogelijkheden en software-optimalisaties voor WordPress, en ze bieden ook wereldwijd versnelling van de website door middel van content delivery networks (CDNs).
Aanbevolen leesmateriaal Ultimatum voor het optimaliseren van de prestaties van WordPress-sites: van laadtijd tot gebruikerservaring。
De objectcache-mechanisme wordt activerd.
Voor dynamische websites vormen database-opvragen een belangrijk beperkend element. Het kernprogramma van WordPress ondersteunt objectcaching, maar deze caching wordt standaard niet persistent opgeslagen. Dit kan worden gewijzigd door caching-plugins te installeren of serverzijde-oplossingen te configureren. wp-config.php Door de volgende code in het bestand te voegen, wordt de ondersteuning voor het Redis-objectcaching actief:
define('WP_REDIS_HOST', '127.0.0.1');
define('WP_REDIS_PORT', 6379);
define('WP_REDIS_TIMEOUT', 1);
define('WP_REDIS_READ_TIMEOUT', 1);Server-level pagina-caching instellen
Webserveren zoals Nginx kunnen statische HTML-bestanden rechtstreeks vanuit de cache leveren, waardoor PHP en MySQL helemaal worden omzeild. Dit is de snelste vorm van caching. Meestal moet dit handmatig worden ingesteld of via het controlepaneel van de hostingprovider worden geactiveerd.
Optimalisatie van het laden van front-end-resources
De grootte van de front-end-resources van een website en de manier waarop deze worden geladen, zijn de meest directe factoren die de waargenomen snelheid beïnvloeden voor de gebruiker.
CSS- en JavaScript-bestanden compresseren en samenvoegen
Gebruik plugins of buildtools om CSS- en JS-bestanden te comprimeren en te samenvoegen, waardoor het aantal HTTP-verzoeken wordt verminderd. Zorg ervoor dat niet-kritieke scripts als async of delayed loading worden geïnstalleerd. Er zijn veel optimisatieplugins verkrijgbaar, bijvoorbeeld… Autoptimize 或 WP Rocket Deze taken kunnen automatisch worden uitgevoerd. In gevallen waarbij handmatige controle nodig is, kan dit worden gedaan. wp_enqueue_script Deze functie wordt gebruikt om de vereiste parameters in te stellen.
Optimaliseren van afbeeldingen en gebruikmaken van de volgende generatie afbeeldingsformaten
Zorg ervoor dat alle opgeladen afbeeldingen zijn gecomprimeerd. Gebruik hiervoor programma's als… ShortPixel 或 Imagify Dankzij zulke plugins worden bestanden automatisch gecompresseerd. Nog belangrijker is dat er gebruik wordt gemaakt van de volgende generatie afbeeldingsformaten, zoals WebP. Moderne browsers ondersteunen WebP algemeen, waardoor de grootte van de bestanden aanzienlijk kan worden verkleind. Dit kan worden gerealiseerd door… .htaccess Regels worden toegevoegd in het bestand om conditieel inhoud te bieden:
Aanbevolen leesmateriaal Ultimatumgids voor WordPress-optimisatie: 20 praktische tips om de prestaties van je website te verbeteren en de veiligheid te verhogen。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule (.+).(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>Realisatie van belangrijke CSS-inlijvingen en lazy loading
De belangrijkste CSS-regels voor de inhoud van de eerste pagina moeten worden ingebouwd in het HTML, om te voorkomen dat de weergave wordt geblokkeerd. Voor niet-beslissende CSS-regels en afbeeldingen die buiten het beeldscherm liggen, moet lazy loading worden gebruikt: deze worden alleen geladen wanneer de gebruiker naar die delen van de pagina scrollt. WordPress 5.5 en later bieden ondersteuning voor lazy loading van belangrijke afbeeldingen en iframes.
Optimalisatie van de prestaties van databases en de backend
Een schoon en efficiënt database-systeem is de basis voor het soepel functioneren van een website.
Regelmatig onnodige gegevens uit de database verwijderen.
Naarmate de website wordt gebruikt, verzamelt de database veel overtollige gegevens, zoals gewijzigde versies, ontwerpen, ongevraagde of nutteloze commentaren, en verouderde tijdelijke gegevens. Het regelmatig schoonmaken van deze gegevens kan de omvang van de database verkleinen en de snelheid van queries verbeteren. Hiervoor kunnen plugins worden gebruikt. WP-Optimize Kom langs voor een veilige schoonmaak. Manuele schoonmaak van tijdelijk gegevens kan worden gedaan door bepaalde SQL-commando's uit te voeren of door te werken in het thema… functions.php Een schoonmaakfunctie moet worden toegevoegd om dit te realiseren.
Optimaliseren van de structuur van database-tabels
Door regelmatig de tabelkenmerken in de WordPress-databas te optimaliseren, kan ongebruikt ruimte worden vrijgemaakt en kunnen datafragmenten worden opgeruimd. Dit kan worden gedaan via phpMyAdmin. OPTIMIZE TABLE Om deze taak te voltooien, kunt u gebruikmaken van speciale SQL-sententies of van databasebeheerplugins die deze functionaliteit bieden. Het regelmatig uitvoeren van deze acties helpt om de prestaties van de queries te behouden.
Beheer van achtergrondtaakjes en het heartbeat-API
WordPress Heartbeat APIheartbeatDeze functie wordt gebruikt voor sessiebeheer, automatische opslag en in-line-hulpfuncties in de editor. Het kan echter tot te veel Ajax-verzoeken leidden, waardoor de serverbelasting toeneemt. Voor contentwebsites waar geen realtime-samenwerking nodig is, kan het worden overwogen om de activiteit van deze functie op niet-editiepagina’s te beperken of te uitschakelen. De volgende code kan worden toegevoegd aan het thema: functions.php In het document:
add_action('init', 'wpdocs_disable_heartbeat_unless_editor', 1);
function wpdocs_disable_heartbeat_unless_editor() {
global $pagenow;
if ($pagenow != 'post.php' && $pagenow != 'post-new.php')
wp_deregister_script('heartbeat');
}Core Web Metrics en Strategieën voor het Verbeteren van SEO
Prestatieoptimalisatie heeft directe invloed op de beoordeling van de belangrijkste webmetriken van zoekmachines als Google, en daardoor ook op de SEO-ranking.
Aanbevolen leesmateriaal Ultimatumgids voor WordPress-optimisatie: van pagina-snelheid tot een algeheel verbeterde prestatie op het gebied van SEO。
Optimaliseren van de metriken voor het maximale aftekenen van inhoud
De tijd die nodig is om de grootste afbeelding of tekstblok in de viewport weer te geven, wordt gemeten door de LCP (Large Content Paint). Om de LCP te optimaliseren, moet je ervoor zorgen dat de reactietijd van de server snel is en dat de hierboven genoemde bronnen (zoals het laden van de grootste afbeelding) worden geoptimaliseerd. Het is van cruciaal belang om vooraf te laden met behulp van preload-instructies om LCP-elementen prioritair te laden. Je kunt belangrijke bronnen vooraf laden door link-tags toe te voegen aan de HTML-kop:
<link rel="preload" href="path/to/your/lcp-image.jpg" as="image">Voor WordPress is dit mogelijk door middel van het gebruiken van hooks (opslagplaatsen voor code). wp_head Of gebruik een plugin om dergelijke tags te toevoegen.
Verbetering van de indicatoren voor de vertraging bij de eerste invoer
De meting van de First Input Delay (FID) bepaalt de tijd tussen het moment dat de gebruiker voor het eerst met de pagina interageert en het moment dat de browser daadwerkelijk op die interactie reageert. Het optimaliseren van de FID draait om de tijd dat de hoofdthread wordt geblokkeerd te verlagen, voornamelijk door langere taken op te delen, niet-kritieke JavaScript-bestanden uit te stellen tot latere laden en Web Workers in te gebruiken. Zorg ervoor dat alle niet-kritieke derde-partijscripts (zoals analysetools of advertenties) asynchroon of uitgesteld worden geladen.
De cumulatieve layout-verstoringsscore verlagen.
Het Cumulative Layout Shift (CLS) meet de onverwachte verschuivingen in de lay-out van een pagina gedurende het hele levenstijdspad van die pagina. Om het CLS te verbeteren, is het belangrijk om de afmetingen (breedte en hoogte) van afbeeldingen en video's aan te geven, dynamische inhoud te voorkomen die zich bovenop de bestaande inhoud plaatst, en CSS-transforms te gebruiken voor animaties in plaats van eigenschappen die de lay-out rechtstreeks veranderen. Zorg altijd voor dat mediëlementen een specifieke grootte hebben, bijvoorbeeld:
WordPress voegt deze attributen meestal automatisch toe aan de opgeladen afbeeldingen.
Samenvatting
Het optimaliseren van de prestaties van een WordPress-website is een complex proces dat server-, front-end-, database- en kernindicatoren omvat. Door te starten met een high-performance-hostingomgeving, de front-end-resourcen optimaal te compresseren en te gebruiken (bijvoorbeeld met lazy loading), de achtergronddatabase schoon en efficiënt te houden, en specifiek de drie belangrijkste webindicatoren te verbeteren, kan een snelle, soepe en zoekmachinevriendelijke website worden gecreëerd. Dit is een continu proces; het wordt aanbevolen om regelmatig tools als Google PageSpeed Insights en GTmetrix te gebruiken voor het evalueren van de prestaties en om stappen voor optimalisatie te ondernemen.
Veelgestelde vragen (FAQ)
Wat moet je doen als de website-naar-update niet wordt weergegeven nadat je de cache-plugin hebt gebruikt?
Dit is een veel voorkomend probleem, dat meestal wordt veroorzaakt door niet up-to-date gebleven browsercache of CDN-cache. Allereerst moet u alle caches wissen in de instellingen van de cache-plugin. Als het probleem nog steeds aanwezig is, controleer of u een CDN-service gebruikt, en voer in het CDN-beheerpaneel de acties “Cache wissen” of “Opnieuw laden” uit. Voor geregistreerde gebruikers kunt u de “Voorvercachen”-functie van de plugin gebruiken om de cache opnieuw op te bouwen. U kunt ook overwegen de cache tijdelijk uit te schakelen tijdens het ontwikkelen en debuggen.
Welke afbeeldingsformaten (WebP, AVIF, JPEG) zijn het beste geschikt voor WordPress?
Op dit moment biedt het WebP-formaat het beste evenwicht tussen het comprimeren van de bestandsgrootte en het behouden van de kwaliteit. Bovendien wordt het door de meeste browsers ondersteund (meer dan 951 miljoen gebruikers wereldwijd), waardoor het de voorkeur wordt gegeven als volgende generatie formaat voor het optimaliseren van WordPress. AVIF biedt een nog hogere compressiegraad, maar vereist meer rekenkracht voor het coderen en decoderen; de ondersteuning door browsers is echter nog in ontwikkeling. Het wordt aanbevolen om een plugin te gebruiken die automatische conversies mogelijk maakt, en te voorzien van de originele formaten (JPEG/PNG) als back-up voor oudere browsers die WebP niet ondersteunen. .htaccess Deze functionaliteit kan worden gerealiseerd door regels of plugins.
Waarom verandert de score van PageSpeed Insights nauwelijks na de optimalisatie?
Controleer of de geoptimaliseerde onderdelen echt gericht zijn op de punten waarvan de score wordt afgetrokken. Soms stagneert de score vanwege één belangrijk beperkend aspect, bijvoorbeeld een niet vertraagd derde-partijsscript, ongeoptimaliseerde webfonten of een te lang serverrespons tijd. Besteed aandacht aan de onderdelen “Kansen” en “Diagnose” die worden weergegeven door het hulpmiddel, en verhelp de problemen die zijn gemarkeerd met een hoge of gemiddelde ernstigheid. Vergeet ook niet dat je de testen anoniem uitvoert, aangezien cache-plugins voor geregistreerde gebruikers mogelijk een versie zonder cache aanbieden.
Zal het optimaliseren van de database de normale werking van de website beïnvloeden?
Zolang de operaties goed worden uitgevoerd, is het veilig om de database te optimaliseren. Het is echter sterk aan te raden om eerst een back-up van de hele database te maken voordat u enige handmatige bewerkingen uitvoert. Het verwijderen van redundante gegevens (zoals versiegegevens of tijdelijke gegevens) heeft geen invloed op de al gepubliceerde inhoud. Het optimaliseren van tabelgegevens betekent vooral dat de opslagruimte en indexen worden opgeruimd, zonder dat de logische structuur van de gegevens wordt veranderd. Voor beginners is het handig om gebruik te maken van gevestigde en goed beoordeelde plugins. WP-OptimizeZe zijn een veiliger keuze, omdat ze meestal geïntegreerde beveiligingscontroles en back-upmogelijkheden hebben.
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.
- Onafhankelijke server: de ultimate keuze voor een totale verbetering van de prestaties en veiligheid van een website.
- WordPress-optimatie: 10 simpele stappen om de snelheid van je website met 300% te verbeteren
- Ultimatumgids voor WordPress-optimisatie: van basisconfiguratie tot verbetering van de prestaties
- CDN-technologie: van het principe tot de praktijk – verbetering van de website-prestaties en de snelheid van toegang wereldwijd
- Optimalisatie van de snelheid van WordPress-sites: een praktische gids voor het verbeteren van de prestaties op alle fronten
Nederlands