Hoe te versnellen WordPress Website & Pas Core Web Vitals - Gids 2026

In het huidige digitale tijdperk, WordPress websitesnelheid en -optimalisatie spelen een cruciale rol bij het leveren van een optimale gebruikerservaring. Langzaam ladende websites frustreren niet alleen bezoekers, maar kunnen ook een negatieve invloed hebben op de positie van uw zoekmachine en de algehele online reputatie.

Statistieken hebben dat zelfs aangetoond 40% van de gebruikers verlaat een website als dit niet het geval is binnen 3 seconden laden maar gebruikersbehoud is niet de enige reden waarom u uw website moet versnellen. 

Hoe u uw slow kunt versnellen WordPress Site en pass Core Web Vitals?

Kortom, je zult moeten beschikken over;

• Snelle webhosting (Rocket.net)

• Lichtgewicht thema (Kadence, Astra, GeneratePress of OceanWP)

• Caching plugin (FlyingPress)

• WordPress Performance Plugin (Perfmatters)

Ik kan niet genoeg benadrukken: als je geen snelle webhosting hebt, verspil je gewoon je tijd om de prestaties van je website te verbeteren. Het hebben van een snelle webhost is uw eerste stap om een ​​snel ladende website te krijgen voordat u de prestaties aanpast, zoals thema, caching enz.

Houd er rekening mee dat hoge laadsnelheden u ook kunnen helpen hoger te scoren in de zoekresultaten. Gezien dit kunnen we dat zeggen WordPress snelheidsoptimalisatie is een veel voorkomende zorg voor degenen die websites op het platform maken of exploiteren. Door uw website te optimaliseren, kunt u de laadtijd van de pagina verkorten. 

In dit artikel deel ik de beste tips die je kunnen helpen als het gaat om WordPress snelheid optimalisatie. 

We behandelen zaken als het wijzigen van uw DNS, hostingconfiguraties, beeldoptimalisatie en meer. Voordat we hier echter op ingaan, moet je begrijpen wat happens wanneer een gebruiker een WordPress site. 

Begrijpen hoe WordPress UltimaReviews? 

Een van de belangrijkste dingen die ik door de jaren heen heb geleerd, is dat WordPress is geweldig voor een aantal verschillende dingen, zoals contentbeheer. Snelheid is echter niet echt een specialiteit waar het platform om bekend staat, en dat komt door de manier waarop dat platform werkt. 

Wanneer iemand uw WordPress, het platform haalt gegevens uit verschillende bronnen, zoals uw database en thema's, en combineert deze allemaal in een HTML-bestand. Zodra dit proces is voltooid, wordt het HTML-bestand naar de webbrowser van de gebruiker verzonden. 

Dat kan ik je echter wel vertellen onderweg pagina's bouwen is niet echt een geschikte optie voor ideale prestaties. Daarnaast zijn er zaken als plugins en thema's die allemaal tegelijk worden uitgevoerd waardevol consumeren server middelen, dat kan waardoor de laadsnelheid afneemt. 

Dit betekent niet dat u een WordPress site voor snelheid. Er zijn een aantal dingen die je kunt doen als het erop aankomt WordPress snelheid optimalisatie. Laten we eens kijken naar wat ze zijn;

Door uw DNS te wijzigen, kunt u de snelheid van uw WordPress plaats, maar voordat u uw zet doet, controleer uw DNS-snelheid. Het eerste dat u moet weten, is dat uw domeinregistreerder uw DNS-provider is. Als u dus niet bent overgestapt, loopt u het risico dat u te maken krijgt met een trage Time to First Byte (TTFB).

Deze happens om een ​​aantal redenen, zoals netwerklatentie, ongepland DNS-onderhoud en de host van uw netwerk geblokkeerd door Google. Het kan zelfs zijn dat u uw SEO-ranglijst verliest. Het belangrijkste dat u moet weten is dat de DNS van Cloudflare goed presteert, maar als u iemand bent die een LiteSpeed server, is het gebruik van QUIC's DNS een betere optie.

Het geeft je nauwkeurige georoutering en integreert goed met QUIC's CND. Er zijn andere opties zoals Kinsta en Cloudways, die beide een premium DNS bieden. Maar wat je moet weten is dat Kinsta gebruikt Amazon Route 53 en Cloudways gebruikt DNS Made Easy, en ze zijn allebei langzamer dan Cloudflare, met een querysnelheid van 13.47 milliseconden (ms).

Om uw DNS te wijzigen in Cloudflare:

1. Meld u aan op het platform.
2. Voeg uw website toe.
3. Volg de naam veranderenservers aanwijzingen, en u bent klaar om te gaan.

Ga niet voor reguliere hosts

De meeste mensen denken vaak dat een populair hostingplan of een populaire provider de beste optie voor hen is. Als u zich echter zorgen maakt over de snelheid van uw WordPress site, moet u weten dat dit niet 100% waar is. U moet begrijpen dat veel hostingbedrijven geld in marketing en advertenties stoppen, zodat deze kunnen worden weergegeven als "de beste optie."

Eén ding dat ik door de jaren heen heb geleerd, is dat niet alle informatie die je over hostingplannen kunt vinden juist is. Daarom heb ik de neiging om de recensies en video's die ik online zie te negeren en in plaats daarvan op de specificaties te vertrouwen, en ik zou u aanraden hetzelfde te doen.

Hieronder staan ​​de gegevens van populaire hostingproviders die je kunt vergelijken.

• Specificaties voor gedeeld hostingplan:

	SiteGround GrowBig	Hostinger Zakelijk WP	WPX-zaken	A2 Hosting Turboboost	NameHero Turbo Cloud
Type	Gedeelde	Gedeelde	Gedeelde	Gedeelde	Gedeelde
Server	Apache + Nginx	LiteSpeed	LiteSpeed	LiteSpeed	LiteSpeed
Cache Plugin	SG Optimizer	LSC	LSC of W3TC	LSC	LSC
CDN	Google Cloud	QUIC.cloud	QUIC.cloud/XDN	QUIC.cloud	QUIC.cloud
Volledige pagina caching	Ja	met behulp van QUIC	met behulp van QUIC	met behulp van QUIC	met behulp van QUIC
DNS	Geblokkeerd door Google voor 4 dagen	Intern/SNEL	Intern/SNEL	Intern/SNEL	Intern/SNEL
Kernen/RAM	verborgen	2 kernen/1.5 GB	1 kern/1 GB	2 kern/2 GB	3 kernen/3 GB
Opslag	20 GB/SATA	200 GB/SATA	15 GB/SATA	“Onbeperkt” / NVMe	“Onbeperkt” / NVMe
Object Cache	Memcache	Memcache	Nee	Redis	Redis
Database	MySQL	MariaDB	MariaDB	MariaDB	MariaDB
Resource limieten	CPU-bronnen zijn gebruikelijk	Lage middelen	Lage middelen	Efficiënt met LiteSpeed	Efficiënt met LiteSpeed
inode	400,000	600,000	Naar eigen goeddunken	600,000	500,000
Bedieningspaneel	Sitetools	hPaneel	WPX-paneel	cPanel	cPanel
E-mailopslag	10GB	1GB	Meerdere limieten	Ongelimiteerde	Ongelimiteerde
grote incidenten	TTFB/DNS/CPU-problemen en onethisch	Scamrapporten, neprecensies en inbreuken in 2019	Geef de schuld aan de wereldwijde storing aan de overleden CEO	Ransomware-aanval van twee weken	Node-uitval van twee dagen met de uitgifte van een verontschuldigingsbrief
TrustPilot-beoordeling	4.6	4.6	4.9	4.4	4.6
Intro prijs	$ 6.99 per maand	$ 3.99 per maand met 3 maanden gratis	$ 20.83 per maand met 2 maanden gratis	$ 6.99 per maand	$ 10.97 per maand
Verlengingen	$ 29.99 per maand	$ 8.99 per maand	$ 20.83 per maand	$ 22.99 per maand	$ 19.95 per maand
Specificaties	Details	Details	Details	Details	Details

• Specificaties cloudhostingplan:

	SiteGround Cloud Jump Start-plan	WP Engine-opstartplan	Kinsta Startersplan	Cloudways Vultr HF (2GB)	Rocket.net Starter Plan
Type	Cloud	Cloud	Cloud	Cloud	Private Cloud
Server	Apache + Nginx	Apache + Nginx	Apache + Nginx	Apache + Nginx	Apache + Nginx
Kernen/RAM	4 kernen/8 GB	Niet op de lijst	12 kernen/8 GB	1 kern/2 GB	32 kernen/128 GB
Opslag	40GB	10GB	10GB	64GB	10GB
CDN	Google Cloud	Cloudflare en Pools	Cloudflare, volledige pagina cachingen firewallregels	Cloudflare Enterprise voor $ 5 per maand	Cloudflare Enterprise
CDN bandbreedte	Unmetered	Niet vermeld	100 GB	100GB	Ongelimiteerde
DNS	Intern	Intern	Amazon Route 53	DNS gemakkelijk gemaakt voor $ 5 per maand	Cloudflare
Cache Plugin	SG Optimizer	NB	NB	Breeze	NB
Object Cache	Memcached	Memcached	Redis voor $ 100 per maand	Redis Pro	Redis
PHP-processor	FastCGI	HHVM	FastCGI	FPM	LiteSpeed
PHP-werkers	Niet vermeld	Niet vermeld	2 PHP-werkers	Niet gelimiteerd	Niet gelimiteerd
Geheugenlimiet	Verstelbaar	512 MB	256MB	Verstelbaar	1GB
Database	MySQL	Niet vermeld	Niet vermeld	MariaDB	MariaDB
Nginx omgekeerd proxy	Ja	Handmatige configuratie	$ 50 per maand	Ja	Ja
Bandbreedte of maandelijkse bezoeken	5TB	50 GB en 25,000 bezoeken per maand	25,000 bezoeken per maand	2TB	50 GB en 250,000 bezoekers per maand
E-mail Hosting	Ja	NB	NB	NB	NB
Verwijdering van malware	Alleen scanner	NB	Belofte van verwijdering	NB	Imunify360
grote incidenten	TTFB/DNS/CPU-problemen en onethisch	Inbreuk in 2015	Geen	Geen	Geen
TrustPilot-beoordelingen	4.6	4.5	4.2	4.5	4.9
Prijs	$ 100 per maand	$ 20 per maand bij jaarlijkse betaling	$ 35 per maand	$ 30 per maand en $ 5 extra voor CF-ondernemingen	$ 30 per maand.
Specificaties	Details	Details	Details	Details	Details

U kunt een hostingprovider kiezen die het beste bij u past op basis van de informatie die ik met u heb gedeeld. Er zijn echter enkele belangrijke dingen die ik wil benadrukken over zowel de gedeelde als de cloudhostingplatforms die ik heb genoemd. De positieve recensies die u over deze platforms leest, zijn niet 100% procent nauwkeurig.

Dat gezegd hebbende, het is beter om filter naar de 1- of 2-sterrenrecensies op platforms zoals TrustPilot en kijk wat gebruikers niet leuk vindenappy over. Bovendien vinden sommige shared hostingproviders dit leuk Hostingere hebben ervaren datalekken die miljoenen klanten hebben beïnvloed. WPX heeft een storing gehad waardoor talloze websites offline waren en gebruikers klaagden over het gebrek aan communicatie.

Als het gaat om het kiezen van een voor uw WordPress site, hoeft u alleen maar een beetje onderzoek te doen. Dit omvat het doornemen van enkele slechte recensies op TrustPilot, het lezen van gebruikerservaringen op Reddit en het analyseren van specificaties.

Configureer instellingen in uw hostingaccount

De meeste mensen zien dit aspect over het hoofd en houden zich gewoon aan de standaard hostingconfiguratie-opties.

Bijvoorbeeld als uw website niet actief is cached-pagina's, wat betekent dat het uw server, waardoor de snelheid afneemt en in het ergste geval uw website kan crashen. De hostinginstellingen die u kunt configureren, variëren afhankelijk van de provider, maar worden gegenereerdrally omvatten verschillende aspecten, waaronder de volgende.

• OPcache - Als dit iets is dat wordt aangeboden, gebruik het dan. De OPcache is ingebouwd in PHP en werkt via vooraf gecompileerd script-bytecode gedeeld geheugen, waardoor de prestaties van de website worden verbeterd PHP hoeft het script niet bij elk verzoek te laden.

• Caching Legkippen – Als u daartoe de mogelijkheid heeft gebruik iets als Ngnix, doe het. Sommige hostingopties die ik hierboven heb genoemd, ondersteunen allemaal het omgekeerde van Nginx proxy, zodat u dat kunt cache inhoud en verbeter de snelheid van uw website.

• Brotli – Je zult niet veel hosts vinden die Brotli ondersteunen, maar het is een groot voordeel als ze dat wel doen. Het is een verliesvrij compressie-algoritme dat comprimeert gegevens door gebruik te maken van verschillende varianten van de tweede orde contextmodellering, het LZ2-algoritme en Huffman-codering.

• Grondstof gebruik – De meeste mensen hebben de neiging dit over het hoofd te zien, maar het is erg belangrijk om uw bronnengebruik en foutenlogboeken in de gaten te houden. Als u te veel bronnen tegelijkertijd gebruikt, kan dit de snelheid beïnvloeden.

• Redis versus Memcached – Beide zijn geweldige opties, maar Redis heeft hier een voorsprong. Het biedt een betere geheugengebruikssnelheid dan Memcached wanneer het de hash-structuur gebruikt en niet afhankelijk is van tools van derden voor het dumpen van schijven.

Gebruik niets anders dan Cloudflare APO, Enterprise of QUIC.cloud op LiteSpeed

Cloudflare's Automatische prestatie-optimalisatie (APO) is het allerbelangrijkste als het gaat om WordPress snelheid optimalisatie. Het stelt Cloudflare in staat om uw gehele WordPress site zoals het kan cache dynamische inhoud, helpt u een snelle en consistente TTFB te krijgen.

Ik weet dat sommige andere providers hun eigen aanbieden CDNs, en het nemen van een beslissing kan overweldigend zijn. Het is dus beter om de CDN's prestaties, die voor Cloudflare uitstekend zijn. De CloudFlare CDN is een topper op het gebied van cdnpref.com en is zelfs beter dan die van Google en Akamai. 

Het heeft een querysnelheid van slechts 26.81 ms 0.16 ms sneller dan Google en maar liefst 6.22 ms sneller dan Akamai.

APO versus Enterprise Cloudflare-abonnement

Voordat we dieper op de details ingaan, wil ik erop wijzen dat de APO voor de meeste websites de klus zal klaren, maar dat betekent niet dat je niet over de nodige middelen beschikt. Enterprise-versie. Als u dus voor de APO-route kiest, moet u mogelijk een compromis sluiten op het gebied van firewallbeveiliging, beeldoptimalisatie, SSO-ondersteuning en meer.

Wat u nu moet weten, is dat sommige hostingplatforms dit wel ondersteunen Cloudflare Enterprise, maar ze missen een aantal functies. Op basis van mijn ervaringen geloof ik dat Rocket.net is degene die in de buurt komt van het aanbieden van de Enterprise-versie. Het is geconfigureerd voor WordPress direct uit de doos en biedt tal van voordelen, zoals beeldoptimalisatie, gelaagd caching, slimme routering En nog veel meer.

Het nemen van een beslissing kan lastig zijn, en daarom heb ik een lijst samengesteld met factoren die u helpen beslissen of u Cloudflare Free of Cloudflare Free wilt gebruiken. Cloudflare Enterprise met Cloudways, VliegenProxyof Rocket.net.

• De Tbps bij 192 en PoP's op 285 zijn voor iedereen hetzelfde. Cloudways ondersteunt APO niet, en dat moet wel betaal $ 5 per maand om het te gebruiken met Cloudflare Free.

• Flying Proxy beschikt niet over Agro Smart Routing, en je moet extra betalen om het gratis met Cloudflare te gebruiken.

• HTTP/3 en WAF zijn consistent voor alle opties; extra kosten voor load balancing met Cloudflare gratis mogelijk appvlak na de eerste 500,000 zoekopdrachten.

• Geen van de opties wordt geleverd met automatische configuratie, behalve Rocket.net, maar de bandbreedte die u krijgt, is afhankelijk van het hostingplan dat u kiest.

LiteSpeed ​​met het standaardabonnement van QUIC

Als je op de Lichtsnelheid server en Cloudflare niet kunt gebruiken, dan is QUIC de beste optie voor jou. Ik heb het met andere vergeleken alternatieven zoals Bunny CDN, VliegenCDNen SiteGround 2.0. Dit is wat ik heb gevonden:

• De Politia Militar hield zelfs tijdens de pre-carnaval festiviteiten de zaken al nauwlettend in de gaten. bandbreedte je krijgt is dat niet vals geadverteerd en is inderdaad onbeperkt.

• U hoeft niet extra te betalen voor zaken als geo-replicatie en volledige pagina caching.

• Met het standaardabonnement van QUIC hoeft u niet extra te betalen voor beeldoptimalisatie en uw HTTP/3 Load-balancing WAF Anti-DDoS.

Ga niet overboord met paginabouwers

Het belangrijkste dat u moet weten als het om paginabouwers gaat, is dat ze wat extra CSS en JavaScript aan uw site toevoegen en het geheugengebruik verhogen. Dit betekent niet dat u geen topsnelheid kunt bereiken als u paginabouwers gebruikt; dat kan, maar je moet voorzichtig zijn met de hosting en plugins die u gebruikt en die u moet optimaliseren.

Dus als je voor paginabouwers gaat, zorg er dan voor dat je:

• De ondersteuning voor Load Font Awesome 4 is uitgeschakeld.
• Alle beschikbare prestatie-instellingen zijn ingeschakeld.
• Beperk het gebruik van widgets en kolommen tot een minimum.
• Schakel de paginabouwers uit als u ze niet gebruikt.
• Zorg ervoor dat uw CSS-afdrukmethode is ingesteld op 'externe stijl'.

Gebruik afbeelding CDNs

Het is 2024 en het draait bij content tegenwoordig om afbeeldingen (en video's). Het niet optimaliseren van afbeeldingen kan tot een toename leiden server verbruik van hulpbronnen en opgeblazenheid. Dus het is beter om een ​​afbeelding te gebruiken CDNs in tegenstelling tot plugins.

Ik heb er de afgelopen jaren heel veel van gebruikt: Imagify, ShortPixel, Bunny Optimizer en Cloudflare Mirage/Polish, om er een paar te noemen. Van al deze opties vond ik CloudFlare de beste die er is. Het geeft je:

• WebP
• Mobiel formaat wijzigen.
• AVIF-conversie.
• Netwerkoptimalisaties.
• Nee server gebruik en geen zwelling.
• AVIF ondersteunt en serveert afbeeldingen van CDN.

En het beste is dat het er bij zit CloudFlare Enterprise. Dat moet je even onthouden meest CDNs ondersteunen WebP, sommige daarvan converteren niet altijd afbeeldingen, dus je zult dit moeten doenzie de Chrome Dev Tools en kijk of de afbeeldingen zijn geconverteerd. Een ander ding om in gedachten te houden is dat je specifiek moet zijn met de afmetingen.

De meeste cache plugins doen dit automatisch, maar mocht dat niet het geval zijn, dan kan dat altijd nog verander de afmetingen van de afbeelding in het HTML-bestand. Tenslotte de browser instellen cache TTL tot 365 dagen omdat het beter is om er langer over te doen cache vervaldatum voor statische afbeeldingen omdat ze niet veranderen.

Zorg ervoor dat uw Cache Configuraties Adres Web Vitals

Web Vitals zijn in feite prestatiestatistieken Google waarmee rekening wordt gehouden bij het meten van de algehele gebruikerservaring van uw website. Dit kan van invloed zijn op uw zoekpositie. Het is belangrijk dat u weet dat het meest gratis is cache plugins Ik heb geen functies die dit ondersteunen, maar als ik een keuze moest maken, zou ik ervoor gaan Snelle prestaties of W3.

Anders dan dit, geven opties voor de SG-optimalisatie en WP Rocket essentiële functies zoals Lazy HTML-elementen en APO-compatibiliteit weer. Dit laat ons eigenlijk twee opties over, en je kunt de vergelijking hieronder zien: 

	LiteSpeed Cache	FlyingPress
Server-kant caching	Ja	Nee
JavaScript vertragen	Ja	Ja
Verwijder ongebruikte CSS	Apart bestand	Apart bestand
Kritieke CSS	Ja	Ja
Preload kritische beelden	Gebaseerd op nummer	Nee
Sluit afbeeldingen boven de vouw uit	Automatisch	Automatisch
Lazy load achtergrondafbeeldingen	Nee	Helper klasse
Lui render HTML-elementen	Ja	Ja
Voeg ontbrekende afbeeldingsafmetingen toe	Ja	Ja
Voorbeeldafbeelding van YouTube iframe	Ja	Ja
Tijdelijke aanduiding voor YouTube zelf hosten	Nee	Ja
Host lettertypen lokaal	Ja	Ja
Lettertypeweergave: wisselen	Ja	Ja
Preload links	Ja	Ja
CDN	QUIC.cloud	konijn CDN
APO-compatibiliteit	Ja	Ja

Om eerlijk te zijn denk ik dat WP Rocket door de jaren heen achterop is geraakt en niet echt de beste optie is voor LCP-optimalisatie, afbeeldingen en het lokaal hosten van lettertypen. Ik ben overgestapt naar FlyingPress onlangs, en ik kan je vertellen dat dat zo is geweldig voor webvitaliteit en snelheid.

Misschien wilt u de cache plugin als je met behulp van CloudFlare en combineer geen CSS/Java omdat het uw website kan vertragen en iets is dat niet op HTTP/2 mag worden gedaan.

Configure Perfmatters Instelling voor uw Cache Plugin

Ik heb gebruikt Perfmatters door de jaren heen behoorlijk veel, en op basis van wat ik heb geleerd, kan ik je vertellen dat de instelling die je moet configureren zeker per apparaat verschilt. plugin. Als het aankomt op cache plugins, je hebt eigenlijk maar vier opties die de moeite waard zijn. Hier is dus een overzicht voor elk van hen

Perfmatters omgeving	FlyingPress	LiteSpeed Cache	WP Rocket	SiteGround-optimalisatie
Algemeen	Schakel alle opties in	Schakel alle opties in, maar verplaats wp-login en hartslag	Schakel alle opties in, behalve hartslag	Schakel alle opties in, behalve hartslag
Activa	Schakel de scriptbeheerder in	Schakel de scriptbeheerder in	Schakel de scriptmanager in en verwijder vervolgens de ongebruikte CSS	Schakel de scriptmanager in, stel JavaScript uit en verwijder vervolgens de ongebruikte CSS
PreloadING	Preload CSS/JS-bestanden	Preload kritische afbeeldingen en lettertypen/CSS/JS-bestanden	Preload kritische afbeeldingen en CSS/JS-bestanden	Preload kritische afbeeldingen en CSS/JS-bestanden
Lazy laden	afslaan	Schakel de CSS-achtergrondafbeeldingen in	Schakel de CSS-achtergrondafbeeldingen in	Schakel alle lazyload-instellingen in
fonts	afslaan	afslaan	Schakel lokaal in Google fonts	Schakel weergavewissel + lokaal in Google fonts
CDN	afslaan	afslaan	afslaan	afslaan
Analytics	afslaan	afslaan	afslaan	afslaan

Dus als het gaat om configureren cache plugins voor Perfmatters, kunt u configureren FlyingPress en LiteSpeed ​​zoals u dat normaal zou doen. Echter, als het om WP Rocket gaat, Je zou schakel alle CSS-instellingen uit. Hetzelfde geldt voor de SG-optimalisatie, maar je moet schakel daar ook de lazy load-instelling uit.

Lokaal hosten of vertragen van code van derden

Codes van derden kunnen scripts bevatten die uw rode draad blokkeren en essentiële taken voorkomen.

Deze codes kunnen de snelheid van server responstijden, DNS-lookups en responsfouten. Maar er is een snelle oplossing die ik door de jaren heen heb geleerd.

1. Host alle codes, lettertypen en miniaturen van derden lokaal.
2. Als u gebruik maakt LiteSpeed cache, bent u in goede handen omdat het gelokaliseerde bronnen ondersteunt.
3. Als je dat niet bent, kun je het gebruiken Perfmatters'lokaal Google fonts.
4. U kunt ook woff2 gebruiken om lettertypefamilies te verwijderen die u niet gebruikt.
5. Vertraag de code van derden onder de vouw. 

Onthoud om Preload

Preconnect helpt u om vroegtijdig verbinding te maken met domeinen van derden, maar dit is iets waar u alleen mee moet doen lettertypen van derden en CDN URL's. Prefetch daarentegen lijkt behoorlijk op preconnect. Het enige verschil is TCP of TLS. Houd er rekening mee dat u dat wel zou moeten doen preload lettertypen (gebruik crossorigins met Prefmattters), afbeeldingen, WP-Block-Library en links.

Als u klaar bent, dient u uw site in bij de HSTS preload lijst voor Chromeen u krijgt een prestatieverbetering.

Weg met ongebruikte CSS 

De meeste mensen zien dit over het hoofd, maar ongebruikte CSS kan de prestaties van uw website beïnvloeden, dus het is beter om deze te verwijderen. Als je WP Rocket gebruikt, raad ik je aan deze functie uit te schakelen en vervolgens schakel het in Perfmatters met de "Het dossier" opties voor de “Gebruikte CSS-methode” instellen.

Controleer op Langzaam Plugins

Wanneer u uw website optimaliseert voor snelheid, moet u weten dat a plugin dat langzaam presteert, kan de snelheid beïnvloeden. Door de jaren heen heb ik nogal wat redenen geïdentificeerd waarom a Plugin kan langzaam zijn.

• De eerste reden is het toevoegen van CSS en JavaScript aan de frontend. Je kunt dergelijke JavaScript en CSS vinden gebruikmaken van dekking en verwijder ze om uw snelheid te versnellen WordPress site.

• A plugin kan ook traag zijn als het geheugengebruik toeneemt. Om te testen of dit het geval is, gebruik WP Hive. Er wordt automatisch een plugin en je alle inzichten geven die je nodig hebt.

• Enkele andere redenen kunnen zijn dat a plugin voegt database-bloat toe of gebruikt jQuery. U kunt deze problemen controleren met behulp van phpMyAdmin, en Perfmatters afhankelijkheden weergeven.

Naast dit alles kan dat ook te optimaliseren plugins door ze te vervangen door CDNs of Blocks, waardoor achtergrondtaken worden beperkt, vertraagd en ongebruikte functies worden uitgeschakeld. Hieronder staan ​​wat plugins die ik heb gezien, hebben invloed op zowel het geheugen als de paginasnelheid.

Plugin	Categorie	Geheugenimpact	Impact op paginasnelheid
All In One SEO	SEO	Nee	Nee
Broken Link Checker	SEO	Nee	Ja
Disqus	Heb je vragen? Stel ze hier.	Ja	Nee
Elementor	Pagina Builder	Nee	Nee
Elementor Premium-add-ons	Pagina Builder	Ja	Nee
Elementor Pro	Pagina Builder	Nee	Nee
JetElements	Pagina Builder	Nee	Nee
jetpack	Security	Nee	Nee
NextGEN-galerij	Galerij	Nee	Nee
Popup Builder	Popup	Nee	Nee
Sitekit van Google	Analytics	Nee	Ja

onbruikbaar maken Plugins Op bepaalde pagina's

Het volgende waar je voor kunt doen WordPress snelheidsoptimalisatie is om uit te schakelen plugins op bepaalde pagina's. Perfmatters en Asset CleanUp zijn twee van de meest populaire opties om dit te doen. ik gebruik Perfmattersen uitschakelen pluginHet gebruik van deze tool is vrij eenvoudig.

Het eerste wat je moet doen is schakel de scriptmanager en de testmodus in. Ga hiervoor naar de "Activa" instelling en bekijk elke pagina van uw site in het hoofdmenu en klik vervolgens op “Perfmaterie” en “Scriptbeheer.”

Ga nu naar de instellingen van de scriptmanager en schakel de testmodus in. Als je daarmee klaar bent, moet je dat doen schakel het plugins op alle geposte pagina's of op mobiele apparaten. Als u ze op mobiele apparaten uitschakelt, moet u dit doen in staat stellen “apart mobiel cache. '

Ken uw LCP

Een LCP is dus feitelijk verdeeld in vier subdelen, en elk heeft betrekking op een andere factor, waarvan de details hieronder worden vermeld.

Ik heb gemerkt dat de meeste mensen vaak moeite hebben om grip te krijgen op de Largest Contentful Paint (LCP). Maar het is een essentieel web, en je moet het begrijpen.

LCP-subdeel	Factoren	LCP%
TTFB	CDN, hosting, volledige pagina caching, Etc.	~ 40%
Vertraging bij het laden van bronnen	viewport-afbeeldingen van lui, preload lettertypen, viewport-afbeeldingen, uitsluiten	<10%
Laadtijd van bronnen	Verklein CSS/JS-formaten/afbeeldingen, CDN, kritische CSS, cache vervaltijd	~ 40%
Elementweergavevertraging	Gerelateerd aan het uitstellen, verminderen en verwijderen van JavaScript	<10%

Je kan Gebruik de prestatie-inzichten vanaf Chrome Dev Tools om te zien welke TTFB's het langst nodig hebben om te laden. Als je dat eenmaal hebt vastgesteld, kun je LCP's maken door zware bestanden onder de vouw te verplaatsen, Cloudflare SXG te gebruiken, JavaScript uit te stellen om weergaveblokkering te voorkomen, en HTML-elementen lui weer te geven. Als je meer wilt weten over LCP's, dan is dit dit Chrome voor ontwikkelaarsvideo het is het waard.

Blijf uit de buurt van lay-outverschuivingen (CLS)

Lay-outverschuiving is in feite hoeveel de pagina verschuift tijdens het laden. Dit is erg belangrijk voor WordPress snelheidsoptimalisaties en happens omdat verschillende elementen van de pagina met verschillende snelheden worden geladen, wat iknflbeïnvloedt de paginaweergaven van gebruikers. U kunt . Google's foutopsporingsprogramma voor pagina-indeling om te zien hoe deze lay-outverschuivingen zich op uw website afspelen.

Ik heb in deze handleiding gesproken over een heleboel dingen die u kunt doen om de lay-outverschuivingen te optimaliseren, en ik zal ze hier nogmaals ter herinnering vermelden.

• Ruilen preloadlettertypen en voeg ontbrekende afbeeldingsafmetingen toe.

• Verander je cookie kennisgeving plugins, omdat dit ook lay-outverschuivingen kan veroorzaken.

• Reserveer ruimte voor dynamische inhoud en advertenties door dimensies toe te voegen en deze in een div-code te plaatsen.

• Verwijder ongebruikte CSS, zorg ervoor dat essentiële CSS werkt en genereer deze opnieuw als u de CSS bewerkt.

• Schakel aparte mobiel in cache in cache plugin om lay-outverschuivingen te minimaliseren wanneer uw site op mobiele apparaten wordt geladen.

Beperk het gebruik van hulpbronnen tot minder dan 50%

Wanneer u uw website optimaliseert voor snelheid; je moet ruimte laten voor verkeerspieken en achtergrondtaken. Het is belangrijk om te onthouden dat u vertraging kunt ervaren als uw CPU-gebruik hoog is, en dat is ook het geval het beste is om het onder de 50% te houden. Wanneer u uw CPU-gebruik probeert te beperken, houd er dan rekening mee dat het overbrengen van uw bandbreedte naar een CDN en het verwijderen van veel geheugengebruik plugins kunnen helpen. Maar dat is niet alles.

• Schakel het delen van gegevens uit plugins.
• Ga naar je “wp_opties” tabel en ruim automatisch geladen gegevens op.
• Ga naar je WordPress discussie-instelling en schakel pingbacks uit.
• Gebruik een hostingplan met voldoende cores, RAM en resourcelimiet.
• Verklein de batchgrootte en vergroot het maïsinterval om ongebruikte CSS te beperken.
• Sommige acties kunnen uw hele cache te wissen, wat resulteert in een verhoogd CPU-gebruik, dus u moet automatisch beperken cache opruimen.
• Onthoud dat van WP Rocket preloadEng, LiteSpeed Cache's crawler, of de voorverwarming van SG Optimizer cache zal uw CPU-gebruik verhogen.

Gebruik WP-Optimize voor instellingen voor het opschonen van databases

De meeste cache pluginEr zijn drie veelvoorkomende problemen wanneer u uw database probeert op te schonen. Gewoon plugins kunnen geen databaseback-ups maken, databasetabellen verwijderen die door een aantal oude zijn achtergelaten plugins, en verwijder alle berichtrevisies.

Maar u zult met geen van deze problemen te maken krijgen als u het gebruikt WP-Optimize voor het opschonen van databases. Zodra je dit allemaal hebt ingesteld, moet je:

1. Ga door uw databasetabellen.
2. Identificeren "inactief" or "niet geïnstalleerd" tabellen.
3. Verwijder de plugins of thema's als u niet van plan bent ze te gebruiken.

Eén van de belangrijkste dingen die ik door de jaren heen heb geleerd, is dat zeker plugins, vooral als ze gegevens verzamelen, zijn het beste voor u WordPress site, dus het is beter om ze niet te gebruiken. Als u analyses voor uw site wilt, raad ik u aan dit te doen blijf bij Google Analytics of begin het te gebruiken als je dat nog niet doet.

Optimaliseren voor mobiele apparaten

Dit is iets dat vanzelfsprekend is. De meeste mensen die uw site bezoeken, doen dit waarschijnlijk vanaf een mobiel apparaat en u moet ervoor zorgen dat uw site daarvoor is geoptimaliseerd. Nu worden de meeste desktopoptimalisaties overgedragen naar mobiel. Maar als dit niet het geval is, gaat u als volgt te werk:

• Mobiel inschakelen caching in cache plugin.

• Gebruik Perfmatters naar schakel ongebruikte CSS en Javascript uit op basis van apparaattype.

• Focus op het verminderen van de latentie, want dat is de sleutel voor mobiele gebruikers en een onderdeel daarvan TTFB.

• Test de CLS op mobiel met behulp van de debuggertool voor lay-outverschuivingen die ik eerder noemde, en repareer mobiele lay-outverschuivingen.

• Gebruik CloudFlare Enterprise aangezien het netwerk, de geprioriteerde routering en de taakverdeling een grote rol spelen bij het beperken van de impact van CDN PoP's.

Kies alleen de Plugins die je nodig hebt

Ik heb een lijst met gratis gedeeld plugins met jou hieronder. Je hebt ze uiteraard niet allemaal nodig, dus loop de lijst door en gebruik degene die bij je passen.

• OMGF.
• Debloat.
• Optimole.
• Unbloater.
• WP Crontrol.
• WP-optimalisatie.
• Flying Scripts.
• Query Monitor.
• Widget uitschakelen.
• Flying Analytics.
• WP Foft Loader.
• WPS Hide Login.
• LiteSpeed Cache.
• WP YouTube Lyte.
• Heartbeat Control.
• Disable XML-RPC.
• Limit Login Attempts.
• Redis Object Cache.
• Simple Local Avatars.
• Blackhole For Bad Bots.
• WP Server Health Stats.
• WP Hosting Benchmark.
• Preload Featured Images.
• Pre* Party Resource Hints.
• ShortPixel Adaptive Images.
• Disable WooCommerce Bloat.
• WP Hosting Performance Check.
• Super Page Cache for Cloudflare.
• Headers Security Advanced & HSTS WP.

Kijk eens naar mijn opstelling 

Als je nog tussen alle opties zit, kijk dan eens naar mijn opstelling voor inspiratie. Misschien helpt het je bij het nemen van een beslissing.

Diensten	Categorie
Rocket.net	hosting
Cloudflare Enterprise	CDN (komt met Rocket.net)
FlyingPress	Cache Plugin
Perfmatters	Diverse optimalisaties
Kadence	Thema (gratis)
Kadence Blocks	Guternberg Block Sjablonen (gratis)

Nu wil ik u laten weten dat deze opzet u mogelijk meer kost dan uw budget. Dus als u niet meer wilt uitgeven, is dit niets voor u.

Ik heb echter een goedkoper alternatief dat u in plaats daarvan kunt opzetten. Kijk eens.

Diensten	Categorie
NameHero Turbo Cloud	hosting
QUIC.cloud (Betaald abonnement)	CDN
LiteSpeed Cache	Cache Plugin
Perfmatters	Diverse optimalisaties
NameHero	E-mail Hosting

Hieronder vindt u de snelheidsscore van mijn website PageSpeed ​​Insights & GTmetrix.

En daar vindt u de ultieme tutorial over hoe u kunt verhogen WordPress Website Snelheid en pas Core Web Vitals Vanaf 2024