hoe verkort ik de responstijden van de Server (ttfb) in WordPress: bij voorkeur onder 200ms – Lighthouse + PageSpeed Insights Item

wilt u de responstijden van de server verkorten?

Servers worden beheerd door uw hosting. De eenvoudigste manier om de responstijden van de server in WordPress te verkorten is door gedeelde hosting te vermijden en een krachtigere server te gebruiken. Dat komt omdat shared hosting beperkte middelen + CPU limieten heeft. Sommige host ‘ s ttfb zoals SiteGround en WP Engine, zijn ook erger geworden. Er zijn veel polls, migratie resultaten, en gesprekken over “de snelste hosting” die je kunt vinden in veel onpartijdige Facebook groepen zoals WP Speed Matters.

anders dan hosting, de andere manier om ttfb te verbeteren is door het verminderen van de CPU en het verlichten van de belasting op uw server. Cloudflare heeft vele functies die kunnen verminderen ttfb met inbegrip van hun CDN, Brotli, HTTP/3, bot bescherming, en APO. U kunt ook gebruik maken van server-level caching, de nieuwste PHP-versies, opruimen junk (database, opgeblazen plugins, pagina bouwers, en admin bloat), en uitschakelen heartbeat.

Wat is een goede TTFB?

Google raadt een TTFB van minder dan 200ms aan.

dit kan realistisch zijn voor sommige WordPress-sites, maar u moet over een snelle infrastructuur beschikken (hosting, thema, plugins). Als TTFB meer dan 600ms is, wordt het als traag beschouwd en zal de audit mislukken.

trage servers beïnvloeden de laadtijden, PSI-scores (meerdere items) en de snelheid van het beheerpaneel. Omdat web vitals een grotere ranking factor worden, is het bereiken van een snelle TTFB belangrijker dan ooit.

Hoe Goed de Test Uw TTFB

Vuurtoren

Vuurtoren is een ideale plek om te testen TTFB. Volgens Google, “deze audit mislukt wanneer de browser wacht meer dan 600 ms voor de server om te reageren op de belangrijkste document verzoek.”

GTmetrix

GTmetix toont uw ttfb in de tabs samenvatting en structuur. Meld u aan voor een gratis GTmetrix-account, zodat u tests kunt uitvoeren vanuit het datacenter dat het dichtst bij uw bezoekers ligt in plaats van Vancouver.

KeyCDN

KeyCDN meet TTFB op 14 verschillende locaties (het is ook mijn favoriete tool). TTFBs kan snel zijn bij het testen van locaties dicht bij uw origin server en traag bij het testen van lange afstanden.

Pingdom

Pingdom meet TTFB als “wachttijd” en laat u testen vanaf verschillende locaties.

Chrome DevTools

Chrome DevTools meet TTFB maar wordt beà nvloed door de latency en internetverbinding van uw computer, dus u kunt TTFB vanuit een datacenter meten met behulp van een van de bovenstaande hulpmiddelen.

CPU-gebruik verminderen

CPU verminderen (in uw hostingaccount) is een van de beste manieren om de responstijden van de server te verminderen. De meerderheid van deze tutorial zal worden gericht op het verminderen van de CPU en daarom, verlichting van de belasting op uw server. Vermijd het gebruik van 75% + CPU limieten zodat uw server ontspannen blijft.

daarom is het zo belangrijk om een plan te kiezen met voldoende serverbronnen. Hostbedrijven geven u richtlijnen op basis van maandelijkse bezoekers, maar ze houden geen rekening met hoeveel plugins je hebt, of ze verbruiken veel middelen, en of u gebruik maakt van een CDN.

vermijd Gedeelde Hosting

Gedeelde hosting heeft beperkte serverbronnen, wat vaak resulteert in een trage TTFB.

als uw buren (andere sites op de server) bronnen in beslag nemen, wordt uw website uitgehongerd. Niet te vergeten de meeste gedeelde hosts hebben lage CPU limieten. Daarom zie je vaak 500 fouten op shared hosting. De ene dag is je website snel, de volgende dag is het traag. Ik zou nooit Elementor, Divi of WooCommerce draaien op shared hosting – ze vragen te veel middelen.

overschakelen naar snellere Hosting

de meeste hosting aanbevelingen zijn vuilnis en ik stel voor lid te worden van de wp Speed Matters Facebook groep die een van de enige groepen niet gecontroleerd door affiliates of Siteground ‘ s community manager die “modereert” negatieve berichten over hun merk zoals in andere groepen.

elk hebben verschillende opstellingen. Op Cloudways gebruik ik FlyingPress + BunnyCDN (of WP Rocket). Op NameHero of WPX, gebruik je de LiteSpeed Cache plugin + QUIC.cloud CDN. Ze zijn beide geweldig setups en moet je een snelle ttfb – zie mijn WP Rocket of LiteSpeed Cache tutorials.

controleer bij twijfel Facebook polls en migratie resultaten (Bekijk meer).

Vermijd Langzaam Plugins + Pagina Bouwers

Sommige plugins kunnen uw website vertragen, TTFB, en toename van de CPU.

vind uw traagste Plugins-Query Monitor en New Relic zijn geweldig voor het vinden van langzame plugins. Installeer Query Monitor, bekijk een pagina op uw site, beweeg de muisaanwijzer over het tabblad Query Monitor en ga naar Queries → Queries per Component. U kunt meerdere pagina ‘ s/berichten controleren op verschillende vragen.

WP Hive is een handige Google Chrome-extensie die u vertelt of een plugin invloed zal hebben op uw geheugengebruik / PageSpeed Insights scores bij het bekijken van plugins in de WordPress repository.

vermijd zware pagina bouwers-Elementor + Divi werd verpletterd in kern web vitals. Bovenop extra CSS, JavaScript en talloze div wrappers, vertrouwen deze websites meestal op extra plug-ins en addons van derden. Dit resulteert in nog meer bloat. Ik migreerde van Elementor naar Gutenberg en dat maakte een enorme verbetering. Zelfs harde codering van uw menu, koptekst, voettekst, en sidebar in CSS kan een heleboel Pagina builder bloat te verwijderen. U kunt ook gebruik maken van Asset CleanUp en Perfmatters om ongebruikte CSS en JS te lossen (en experimentele functies Elementor ‘ s gebruiken) maar ik zou ze vermijden.

lichtgewicht Plugin alternatieven

• SEO-Rank Math.
• Backups-UpdraftPlus.
• Sliders-Soliloquy of Metaslider.
• Page Builder-Oxygen, Kadence theme, Gutenberg, Genesis.
• galerij-Gutenberg galerij of Meow galerij.
• Analytics-Google Analytics en Google Search Console (geen plugins).
• Social Sharing-Grow By Mediavine (snelste social sharing plugin in wp Rocket ‘ s test).
• opmerkingen-native opmerkingen of wpDiscuz met geoptimaliseerde instellingen en JavaScript vertraging.

Reinig uw Database

een grondige reiniging van uw database kan ttfb verbeteren.

velen van u gebruiken WP Rocket voor automatische database opschonen, maar dit laat u niet door uw werkelijke database tabellen gaan en tabellen verwijderen die zijn achtergelaten door oude plugins. Hiervoor adviseer ik WP-Optimize. Bekijk het tabblad ” Tabellen “en zoek naar plug-ins die” niet zijn geïnstalleerd.”Als u een plugin verwijderd (of uitgeschakeld een plugin module) en niet meer gebruiken, kunt u het verwijderen.

verhoog de Cache levensduur

met de meeste cacheplugins kunt u de cache levensduur instellen. Door dit te verhogen, bespaart u serverbronnen omdat de cache niet zo vaak hoeft te worden gebouwd. Dit is goed als je niet vaak content publiceert (zoals een nieuwssite), anders zou je dit waarschijnlijk als standaard moeten laten.

WordPress Heartbeat

uitschakelen WordPress Heartbeat gebruikt bronnen door real-time pluginmeldingen te tonen, wanneer andere gebruikers een bericht bewerken, enz. Voor de meeste website-eigenaren doet het meestal meer kwaad dan goed. Er zijn veel plugins om dit uit te schakelen (WP Rocket, Perfmatters, de meeste cache plugins).

om de WordPress Heartbeat API zonder plug-in uit te schakelen, gaat u naar Uiterlijk > thema-Editor en bewerk vervolgens de functies.php-bestand van uw thema. Plak vervolgens de code direct na de <?php-tag:

add_action( 'init', 'stop_heartbeat', 1 );function stop_heartbeat() {wp_deregister_script('heartbeat');}

combineer CSS + JavaScript

kleinere sites zouden meestal CSS/JS moeten combineren, terwijl grotere sites dat niet zouden moeten doen. Volgens WP Johnny, websites met een CSS / JS grootte van minder dan 10KB moet combineren, terwijl meer dan 10KB mag niet. Hij gaat verder met te zeggen dat met betrekking tot TTFB, het draait allemaal om eerder beginnen, niet eerder eindigen.

Update naar PHP 7.4

veel hosts hebben al PHP 8.0, nieuwere MySQL versies en nieuwe functies uitgebracht om uw site sneller te maken terwijl het verminderen van TTFB. Zorg ervoor dat u gebruik maakt van de optimalisaties die uw host biedt. Veel plugins / thema ‘ s hebben nog steeds compatibiliteitsproblemen met PHP 8.0 waarin je PHP 7.4 kunt gebruiken.

verhoog de geheugenlimiet

Elementor en WooCommerce hebben beide een geheugenlimiet van 256 MB nodig, maar u moet deze toch echt verhogen naar 256 MB, vooral als uw website fatale geheugenlimietfouten krijgt.

voeg de code toe aan uw wp-config.php voor ” gelukkig bloggen.”

define('WP_MEMORY_LIMIT', '256M');

sommige hosts hebben ook een optie om het te verhogen in hun dashboard.

gebruik caching op serverniveau

veel hosts bieden caching op serverniveau aan, wat TTFB vermindert en uw site versnelt. Cloudways, SiteGround (en SG Optimizer), Kinsta, en A2 Hosting zijn slechts een paar van hen. Persoonlijk gebruik ik memcached, NGINX en Redis (met Varnish uitgeschakeld) in Cloudways. Server-level caching is sneller dan cache plugins omdat het van uw server, die is sneller dan file-based caching.

middelen naar CDNs

CDNs middelen naar hun datacenters verwijderen en de belasting op uw server verlichten.

ik stel Cloudflare, BunnyCDN, QUIC voor.cloud (bij gebruik van LiteSpeed Cache) of Cloudfront. En overweeg om StackPath niet te gebruiken die in veel CDN ‘ s zoals RocketCDN en CloudwaysCDN wordt gebruikt.

de andere drie CDN ‘ s werken meestal beter dan Cloudflare, maar de meeste kosten geld. Ongeacht welke CDN u kiest, ik zou Cloudflare gebruiken voor uw DNS omdat hun DNS is veel sneller dan GoDaddy of NameCheap DNS. Als u Cloudflare ‘ s DNS wilt gebruiken, meldt u zich aan voor een gratis abonnement en wijzigt u nameservers. Ik gebruik Cloudflare voor DNS en BunnyCDN voor mijn CDN.

een voordeel van Cloudflare is dat ze extra functies hebben die ttfb kunnen verminderen (zoals Brotli, HTTP/3, bot protection, page rules, en hun APO) waar ik het in de volgende stappen over zal hebben.

Stap 1: Meld u aan voor een gratis Cloudflare-account, voeg uw site toe en voer de scan uit die door Cloudflare wordt gevraagd. U komt uiteindelijk op een pagina waar Cloudflare wijst u 2 nameservers.

Stap 2: Voeg Cloudflare nameservers NameCheap. Ga naar Dashboard → Domeinlijst → beheren → Nameservers → aangepaste DNS. Voeg de twee nameservers Cloudflare u verstrekt.

Enable Brotli

Brotli is sneller dan gzip compressie. Beide zullen de bestandsgrootte van uw HTML, CSS en JavaScript verminderen. Hierdoor kunnen deze bronnen sneller downloaden en verbetert TTFB. Cloudflare heeft een optie om Brotli in te schakelen in de snelheid instellingen, anders zul je Gzip gebruiken in uw cache plugin.

HTTP/3

in de Cloudflare blog zeggen ze dat we gemiddeld met HTTP/3 de eerste byte zien verschijnen na 176ms. met HTTP/2 zien we 201ms, wat betekent dat HTTP/3 al 12,4% beter presteert.

HTTP / 3 kan worden ingeschakeld in de netwerkinstellingen van uw Cloudflare dashboard. En als je Quic gebruikt.cloud of een andere CDN, zorg ervoor dat de controle of ze HTTP/3 ondersteuning ook.

Botbescherming inschakelen

uw wp-loginpagina is een hoog doel voor slechte bots.

zelfs als bots er niet in slagen in te loggen op uw site, kan het zijn dat ze proberen in te loggen die serverbronnen verbruikt. U kunt ze blokkeren door uw login pagina te verplaatsen (met behulp van Perfmatters of WPS Hide Login) naar een aangepaste login URL, en vervolgens bot bescherming in te schakelen in Cloudflare ‘ s instellingen.

Stap 1: Installeer Wordfence.

Stap 2: Bekijk de live traffic report voor een paar minuten om te zien wie is het raken van uw site in real-time.

Stap 3: Verplaats uw wp-loginpagina. U kunt dit doen met Perfmatters of WPS Hide Login.

Stap 4: Blokkeer spam bots nog verder door bot fight mode in te schakelen in Cloudflare → Firewall → Bots → Bot Fight Mode (Cloudways heeft ook bot bescherming) of probeer Blackhole voor slechte Bots.

Maak een cache alles pagina regel

als u Cloudflare gebruikt, voeg een pagina regel toe aan cache alles.

ga naar uw Cloudflare dashboard → pagina regels. Kopieer / plak de onderstaande regel, vervang alleen mijn domein door het jouwe. Als u woocommerce of een dynamische site en lopen in problemen bij het toevoegen van de cache alles pagina regel, probeer dan met behulp van de wp Cloudflare Super Page Cache plugin.

Daarnaast kunt u een paginaregel maken voor de wp-admin om deze te beschermen, de cache te omzeilen en te voorkomen dat apps en performance features (dat wil zeggen Rocket Loader) worden uitgevoerd in het admin-gebied.

beschouw Cloudflare ’s APO

Cloudflare testte hun APO op 500 sites en vond gemiddeld, het verbeterde TTFB met 90ms. dit servers uw hele site van Cloudflare’ s edge netwerk. Het is $5 / maand maar de moeite waard om te testen als je een trage TTFB. Zorg ervoor dat het compatibel is met uw cache plugin, omdat het niet in wp Rocket.

gebruik een snellere Cache Plugin

WP Rocket en LiteSpeed Cache zijn de gouden standaarden voor cache plugins.

de meeste mensen configureren deze echter niet met de optimale instellingen. Ik heb populaire tutorials geschreven over het configureren van WP Rocket, WP snelste Cache, W3 totaal Cache, en WP Super Cache.

met de meeste andere cache plugins, zou u ongeveer 6 extra plugins moeten installeren om deze functies te krijgen, wanneer WP Rocket ze allemaal ingebouwd heeft, waardoor het aantal plugins op uw site vermindert. Als je net als ik, je wilt alleen 1 plugin te gebruiken, anders moet je om te onderzoeken welke functies uw cache plugin wordt geleverd met, Installeer deze plugins als het hen niet ondersteunt.

• Database cleanup – WP-Optimize
• CSS/JS optimalisatie – Autoptimize
• Vertraging van de uitvoering van JavaScript – Flying Scripts
• Host Google Analytics lokaal Vliegen Analytics
• CDN URL integratie – BunnyCDN / CDN Enabler
• Hartslag controle – Hartslag Controle / handleiding code
• Lazy laden van afbeeldingen/video ‘ s – Optimole / WP YouTube Lyte
• Preload links / instant pagina – Perfmatters of Flying Pagina ‘ s
• Host Facebook Pixel lokaal – geen plugin doet, opdat ik weten
• Prefetch/preload – Pre* Party Resource Hints / handmatige code
• Font-display: swap-Swap Google Fonts Display / handmatige code

het delen van gegevens uitschakelen in Plugins

Sorry-plugin-ontwikkelaars, maar als een plugin u ooit vraagt om uw gegevens te delen, zal het uitschakelen het CPU-gebruik enigszins verminderen, omdat uw server de gegevens niet naar plugin-ontwikkelaars hoeft te sturen.

beperk Postrevisies + Autosaves

standaard beperkt WordPress postrevisies niet en is het interval voor Automatisch opslaan frequent (1 minuut). Het verminderen van post revisies (back-ups van uw oude berichten) en het verhogen van de autosave interval (dwz 5 minuten) kan enigszins verminderen CPU-gebruik en voorkomen dat een booted database. U kunt beide doen met behulp van Perfmatters of door de volgende code toe te voegen aan uw wp-config.php bestand.

define('WP_POST_REVISIONS', 5);

define('AUTOSAVE_INTERVAL', 300); // seconds

vervang WordPress Cron door echte cron-taken

de WordPress cron wordt uitgevoerd elke keer dat een pagina wordt geladen en is vaak een doelwit van DOS-aanvallen. Door het te vervangen door een echte cron-taak, kunt u ook intervallen plannen en bronnen besparen.

in de meeste gevallen opent u de wp-config.php-bestand en voeg een regel code om WordPress cron uit te schakelen. Vervolgens voegt u de tweede regel code toe aan de Cron job sectie in uw hosting account.

define('DISABLE_WP_CRON', true);

cd /path/to/your/wordpress; wp cron event run --due-now >/dev/null 2>&1

hertest uw Server Response Time (ttfb)

als u alle wijzigingen uit deze gids hebt gemaakt, hertest u uw ttfb en hopelijk is het sneller.

Veelgestelde vragen

conclusie: Word lid van de wp Speed Matters Facebook-groep om echte, onpartijdige meningen te krijgen. Kijk naar de Facebook polls die zijn genomen en mensen die naar verschillende hosts zijn gemigreerd en hun resultaten hebben gepost. Tot slot, blijf uit de buurt van lage kwaliteit hosting affiliates die alleen willen de commissies.

Cheers,
Tom