De ultieme gids voor het optimaliseren van de prestaties van WordPress-websites: praktische tips om van nul tot expert te gaan.

Het begrijpen van de belangrijkste metingen voor prestatieoptimalisatie

Voordat u met enige optimalisatiewerkzaamheden begint, moet u eerst de belangrijkste metingen voor de prestaties van de website bepalen. Dit helpt u niet alleen om de huidige situatie te evalueren, maar ook om de effecten van de optimalisaties te vergelijken. De belangrijkste metingen zijn onder andere de laadtijd, de tijd tot de eerste inhoud wordt weergegeven op het scherm, de tijd tot de eerste bruikbare inhoud wordt weergegeven, de maximale tijd tot de inhoud wordt weergegeven, en de cumulatieve afwijking in de lay-out.

Laden tijd en belangrijke webmetriken

De laadtijd is een breed begrip dat zich meestal op de totale tijd bevindt die nodig is om een pagina volledig te laden. In moderne prestatieoptimalisaties wordt echter meer aandacht besteed aan de gebruikerservaring; daarom zijn de “Core Web Metrics” die Google voorstelt van belang. De ‘First Content Paint’ metert de tijd die nodig is voor de pagina om van leegte naar het eerste inhoudselement over te gaan, wat direct invloed heeft op de waarneming van de gebruiker met betrekking tot de snelheid van de website. De ‘First Effective Paint’ gaat nog een stap verder en markeert het moment waarop de belangrijkste inhoud van de pagina begint te worden weergegeven. De ‘Maximum Content Paint’ meet de tijd die nodig is voor het weergeven van het grootste inhoudselement in het venster (bijvoorbeeld een foto of een koppenblok); het ideale waarde is minder dan 2,5 seconden.

Het gebruik van tools voor prestatiebeoordeling

Voor het optimaliseren is het essentieel om met professionele tools een benchmarktest uit te voeren. Google PageSpeed Insights is een van de meest gebruikte gratis tools; het biedt niet alleen gedetailleerde gegevens over de genoemde belangrijke metingen, maar geeft ook tips voor het optimaliseren op mobiele en desktop-apparaten. Een andere krachtige tool is GTmetrix, dat de regels van Google PageSpeed en Yahoo YSlow combineert en gedetailleerde analyses biedt, waardoor je kunt bepalen welke bronnen de snelheid beperken. In een lokale ontwikkelingsomgeving zijn de ontwikkelaarshulpmiddelen van de browser (met name Lighthouse en het netwerkpaneel) onmisbare hulpmiddelen voor het diagnosticeren.

Aanbevolen leesmateriaal De ultieme gids voor het optimaliseren van de prestaties van WordPress: tien essentiële tips voor beginners tot experts.。

Optimalisatie van servers en gehoste omgevingen.

De onderliggende infrastructuur van een website vormt de basis voor de prestaties. Een slecht geconfigureerde server kan alle vervolgende optimalisaties belemmeren.

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

Kies een krachtige hostingoplossing.

Deelhosting is goedkoper, maar de resources (CPU, geheugen) worden gedeeld met vele andere websites, waardoor het gemakkelijk kan komen tot prestatiebeperkingen. Voor websites met een bepaalde bezoekersaantallen en specifieke prestatie-eisen wordt het aanbevolen om over te stappen op een virtuele privéserver, een cloudhosting-oplossing of een WordPress-hostingpakket met beheerfuncties. Deze opties bieden meestal een serveromgeving die is optimaal aangepast aan WordPress, automatische updates en back-ups, evenals ingebouwde opslagopties (caching). Dit verlicht de administratieve taken en verbetert de snelheid van de website aanzienlijk.

Server-level caching instellen

Server-level caching is een van de meest effectieve opties voor optimalisatie. Object caching kan de resultaten van database-verzoeken opslaan, waardoor dubbele verzoeken worden voorkomen. Voor WordPress kan dit worden gerealiseerd door Redis of Memcached te installeren en te combineren met relevante plugins (bijvoorbeeld Redis Object Cache). Opcode caching kan de gecompileerde bytecode van PHP-scripts opslaan, waardoor de uitvoeringskosten van PHP worden verlaagd; het installeren en activeren van OPcache is hierbij een standaardprocedure.

Je kunt... php.ini OPcache instellen in de configuratie: Hieronder staat een voorbeeld van een aanbevolen configuratie.

opcache.enable=1
opcache.memory_consumption=128
opcache.interned_strings_buffer=8
opcache.max_accelerated_files=10000
opcache.revalidate_freq=2
opcache.save_comments=1

Optimalisatie van het WordPress-core en plugins

WordPress zelf en zijn plugin-ecosysteem zijn een dubbelzijdig mes: als ze niet goed worden gebruikt, kunnen ze een grote belemmering voor de prestaties van het systeem vormen.

Aanbevolen leesmateriaal De ultieme gids voor het optimaliseren van de snelheid van WordPress-websites: van basisconfiguratie tot geavanceerde caching in de praktijk.。

Simplificeren van thema's en plugins

Themas en plugins zijn veelvoorkomende oorzaken van een te zware website. Houd je aan één principe: installeer alleen de plugins die echt nodig zijn en die goed worden onderhouden. Controleer regelmatig de geïnstalleerde plugins en deactiveer of verwijder die je niet meer gebruikt. Kies voor themas met simpel code en een focus op snelheid, in plaats van themas met veel functies. Veel visuele effecten kunnen worden gerealiseerd met lichte page builders of zelfs met Gutenberg-blocks, in plaats van afhankelijk te zijn van themas.

Efficiënt beheersen en optimaliseren van databases

Naarmate de website wordt gebruikt, zal de database steeds meer redundante gegevens opslaan, zoals gewijzigde versies, ontwerpen, ongebruikte 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. U kunt hierbij plugins gebruiken zoals WP-Optimize of Advanced Database Cleaner om deze taken veilig uit te voeren. Vergeet ook niet de database-tabelen regelmatig te optimaliseren; dit kan worden gedaan met de “Optimize Tables”-functie van plugins of rechtstreeks in phpMyAdmin. OPTIMIZE TABLE De zin moet worden afgerond met een volledige uitdrukking of een handeling om het te kunnen begrijpen.

WordPress biedt… wp_scheduled_delete De hooken zorgen automatisch voor het opruimen van vervallen gegevens, maar een grondiger schoonmaak vereist meestal extra hulpmiddelen.

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

Onnodige functies uitschakelen.

Bepaalde standaardfuncties van WordPress zijn misschien niet handig voor uw website en kunnen zelfs extra HTTP-verzoeken of queries genereren. Als u bijvoorbeeld geen functies voor het bewerken van artikelen nodig hebt, kunt u deze functies uitgeschakelen. wp-config.php In het bestand worden constanten gedefinieerd om bepaalde functies te beperken of te uitschakelen.

define('WP_POST_REVISIONS', 3); // 将修订版本数量限制为3个
// 或彻底禁用
// define('WP_POST_REVISIONS', false);

In dezelfde mate kunt u de functie om artikelen in te embedden uitschakelen of diensten als XML-RPC stoppen. Dit kan meestal worden gedaan door instellingen in het thema (theme) aan te passen. functions.php Voeg een codefragment toe aan het bestand of gebruik een speciaal plugin om dit te realiseren.

Optimalisatie van front-end bronnen en het laden hiervan.

Het optimaliseren van front-end-resources (afbeeldingen, CSS, JavaScript) is een belangrijk onderdeel van de verbetering van de snelheid die de gebruikers direct merken.

Aanbevolen leesmateriaal Praktische handleiding voor het ontwikkelen van WordPress-thema's: een handleiding voor het vanaf nul bouwen van responsieve commerciële thema's。

Image optimization and lazy loading

Niet-geoptimaliseerde afbeeldingen zijn de belangrijkste oorzaak van een te grote pagina. Je kunt dit als volgt optimaliseren: ten eerste, gebruik je tools (zoals TinyPNG of ShortPixel) om afbeeldingen te comprimeren voordat je ze uploadt. Ten tweede, gebruik je WordPress-plug-ins (zoals Imagify of WP Smush) om afbeeldingen automatisch te comprimeren wanneer je ze uploadt. Ten derde, maak je gebruik van moderne afbeeldingsindelingen, zoals WebP, die zorgen voor een aanzienlijke vermindering van de bestandsgrootte zonder dat dit ten koste gaat van de beeldkwaliteit. Veel caching-plug-ins of CDN-services bieden de mogelijkheid om automatisch naar WebP te converteren. Tot slot moet je ervoor zorgen dat alle afbeeldingen met vertraging worden geladen. Dit kun je doen met behulp van native HTML-attributen. loading=”lazy” Of gebruik een plugin om te zorgen dat de afbeelding alleen wordt geladen wanneer deze in beeld komt (dus wanneer de gebruiker de pagina scrolt).

Scriptstijlen samenvoegen, compressen en asynchron opladen

Te veel CSS- en JavaScript-bestanden zorgen voor veel HTTP-verzoeken; het samenvoegen van deze bestanden kan het aantal verzoeken verminderen. Daarnaast is het verstandig om de samengevoegde bestanden te minimaliseren (bijvoorbeeld door lege ruimtes en commentaren te verwijderen) en te compressen (met Gzip of Brotli). CSS-bestanden die essentieel zijn voor het renderen van de eerste pagina (de zogeheten ‘key path’-bestanden) moeten worden ingeladen of met voorrang worden geladen, terwijl minder belangrijke CSS- en JS-bestanden kunnen worden geladen op een asynchrone manier of met vertraging. Het voorkomen van blokkades in het renderingsproces is een belangrijk principe.

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

Je kunt gebruikmaken van plugins als Autoptimize of WP Rocket om het samenvoegen, comprimeren en uitgestelde laden van content eenvoudig te bewerkken. Voor meer gedetailleerde controle kun je de themafailen bewerken en de scripts die worden uitgevoerd door het thema en de plugins aanpassen. async 或 defer Eigenschappen. Bijvoorbeeld, in... functions.php Filter script tags:

function add_async_defer_attribute($tag, $handle) {
    if (is_admin()) return $tag;
    if ('my-script-handle' === $handle) {
        return str_replace(' src', ' defer src', $tag);
    }
    return $tag;
}
add_filter('script_loader_tag', 'add_async_defer_attribute', 10, 2);

Het gebruik van caching en content delivery networks (CDNs)

De browsercache zorgt ervoor dat de browser van de bezoeker statische bronnen (zoals afbeeldingen, CSS en JS) voor een bepaalde tijd opslaat. Wanneer de gebruiker de pagina opnieuw bezoekt, worden deze bronnen direct vanaf de lokale schijf geladen, waardoor de snelheid van de herbezoekingen aanzienlijk wordt verbeterd. Dit kan worden gerealiseerd door de server op de juiste manier in te stellen. .htaccess Gebruik een bestand of een cache-plugin om de cache-expiratietijd in te stellen.

Een Content Delivery Network (CDN) distribueert de statische bronnen van uw website naar servernodes over de hele wereld. Wanneer gebruikers de website bezoeken, haalt het CDN de bronnen op van de node die het dichtst bij hen is gelegen, waardoor de vertraging wordt verminderd – dit is vooral van belang voor internationale bezoekers. Populaire CDN-diensten zijn Cloudflare, KeyCDN en de geïntegreerde CDN-diensten die worden aangeboden door veel hosting providers.

Samenvatting

Het optimaliseren van de prestaties van een WordPress-website is een systeemmatig proces dat vereist samenwerking op verschillende gebieden: de serverinfrastructuur, de kernconfiguratie van WordPress, het beheer van de database en het verwerken van front-end-resources. Het belangrijkste is eerst de huidige situatie te meten en pas daarna te optimaliseren. Eerst moet je gericht zijn op globale verbeteringen die een hoge return on investment opleveren (bijvoorbeeld het gebruik van caching en CDN), en pas daarna kunnen details worden verwerkt. Het voortdurend monitoren van belangrijke webmetriken en het behouden van een simpel en efficiënt ontwerp van thema's en plugins is de sleutel om de website op de lange termijn op hoog niveau te houden. Vergeet niet dat optimalisatie geen eenmalig proces is, maar een onderdeel van de dagelijkse onderhoud.

Veelgestelde vragen (FAQ)

Waarom wordt er nog steeds oude inhoud weergegeven op de website wanneer de cache is geactiveerd?

Dit is een typisch fenomeen waarbij de browsercache of de servercache niet is bijgewerkt.

Met betrekking tot de browsercache kunt u de pagina opnieuw laden met een voorkeursknop (meestal Ctrl+F5 of Cmd+Shift+R). Voor de cache die door de server of plugins is gemaakt, bieden de cache-plugins meestal de mogelijkheid om de cache te verwijderen of al de caches te leegmaken. Tijdens het ontwikkelen wordt het aanbevolen om de browsercache tijdelijk uit te schakelen (dit kan worden gedaan in het netwerkpaneel van de ontwikkelaarshulpmiddelen), en om cache-plugins alleen voorzichtig te gebruiken en alleen op zo nodig manueel te reinigen.

Hoeveel cache-plugins moet ik gebruiken?

In principe is één genoeg.

Het gebruik van meerdere cache-plugins die overlappingen hebben in hun functionaliteiten (bijvoorbeeld twee plugins die beide de mogelijkheid bieden om pagina's te cacheren) kan leiden tot conflicten in de regels die de plugins beheersen. Dit kan het webbericht niet meer werken of de caching-functies helemaal onwerkzaam maken. Meestal is één cache-plugin met een compleet assortiment aan functies voldoende (zoals WP Rocket, W3 Total Cache of WP Super Cache) om zaken als pagina-caching, browser-caching en bestand compressie te regelen. Object-caching (bijvoorbeeld met Redis) wordt meestal door een aparte plugin geactiveerd en kan naast de hoofdcache-plugin worden gebruikt.

Zijn er risico's bij het optimaliseren van een database? Hoe kan dit veilig worden uitgevoerd?

Elke database-operatie bevat potentieel risico; daarom is het maken van een back-up een absolute voorwaarde.

Voordat u begint met optimalisatie of schoonmaakacties (bijvoorbeeld het verwijderen van revisies of tijdelijk gegevens), moet u eerst een volledige back-up van de database maken met een betrouwbare plugin (zoals UpdraftPlus) of de functies in uw hosting-panel. De meeste professionele database-schoonmaakplugins bieden vooraf een preview en bieden de mogelijkheid om bepaalde gegevens uit te sluiten. Het is aan te raden om deze acties eerst uit te proberen in de testomgeving van de website, en pas daarna op de live-website uit te voeren als alles correct is.

Wat moet je doen als de afbeeldingen niet worden weergegeven of de stijl niet klopt nadat je een CDN (Content Delivery Network) hebt gebruikt?

Dit komt meestal doordat de CDN (Content Delivery Network) niet correct is configuréerd of er problemen zijn met de referenties naar de resources.

Allereerst moet u controleren of alle domeinen van de statische bronnen van uw website (bijvoorbeeld...) correct zijn opgenomen in de CDN-instellingen. your-site.com 和 www.your-site.comTen tweede: controleer of er in de websitecode geen hardgecodeerde absolute pathen zijn die naar de lokale serveradressen verwijzen in plaats van naar de CDN-adressen. Een goede caching/CDN-plugin zal de URL's van de resources automatisch vervangen. Ten derde: verwijder de cache die door de CDN-provider wordt aangeboden, evenals de lokale WordPress-cache, zodat de CDN gedwongen wordt om de meest recente resources rechtstreeks van de bronserver te halen.