25 Bewezen WordPress Prestatieverbeteringen Voor Bliksemsnelle Sites

Bijna 30% van het hele internet draait op WordPress.

WordPress-prestatieproblemen zijn bekend.

Het feit is, u heeft seconden, zo niet fracties van een seconde, om gebruikers te overtuigen om op een webpagina te blijven.

Wanneer de laadtijd van een webpagina stijgt van slechts 1 tot 3 seconden, stijgt de kans dat de gebruiker de site verlaat met 32%. Als u de laadtijd uitrekt tot 5 seconden, stijgen bounces dramatisch naar 90%.

Naast het effect op gebruikerservaring en bezoekersretentie, beïnvloedt site-snelheid de plaatsing in zoekmachines.

Google heeft duidelijk gemaakt dat het preferentiële behandeling geeft aan sites die sneller laden. Alle andere factoren gelijk, als uw site sneller is dan die van uw concurrent, zal Google u in de rankings favoriseren.

De primaire schuldigen omvatten:

• Uitvoeren van talloze scripts
• Downloaden van afbeeldingen en andere ingebedde elementen
• Herhaalde HTTP-verzoeken aan de server
• Ophalen van informatie uit de WordPress-database

Hier zijn 25 tips die het antwoord geven op de vraag, hoe WordPress te versnellen en te stoppen met het verliezen van potentiële klanten.

1. Kies Een Hoogwaardige WordPress Hosting Provider

Als uw website op shared web hosting staat met potentiëel honderden andere sites die concurreren om dezelfde bronnen, kunt u frustrerende site-snelheid ervaren.

Voor kleinere sites kan shared web hosting volledig acceptabel zijn, mits het gehost wordt door een betrouwbare provider die voldoende geheugen omvat.

Zodra u ongeveer 30k maandelijkse bezoekers en daarboven bereikt, overweeg om over te stappen op een toegewijde server of op de allerminste, een virtuele private server (VPS). Beide voorkomen een "slechte buurman" die alle gedeelde bronnen opeet. Experts bevelen ook aan om te zoeken naar een server die fysiek dichtbij uw doelgroep ligt. Hoe minder afstand uw data moet afleggen, des te sneller het aankomt.

Veel hostingbedrijven bieden shared WordPress hostingpakketten aan. Deze bieden vaak lagere opslagopties, maar met snellere en meer toegewijde hardwarepakketten. Nog beter, een managed server hostingoplossing is vaak goedkoper en meer inclusief dan andere beschikbare opties.

2. Pas WordPress-updates Vlot Toe

Voor elk beveiligingsprofessional lijkt het vlot toepassen van updates een no-brainer. In de praktijk draaien echter ongeveer 40 procent van de WordPress-sites de nieuwste versie. Software-updates bevatten vaak snelheidstweaks naast beveiligingsverbeteringen, dus zorg ervoor dat u zo snel mogelijk update.

Updates gelden ook voor WordPress-beveiligingsplugins. Sommigen zeggen dat ze nog kritischer zijn om te onderhouden, aangezien ze vaak de drijvende kracht zijn achter snelheidsbottlenecks en beveiligingskwetsbaarheden. Het wordt aanbevolen om dagelijks te controleren op beschikbare updates.

3. Vermijd Opgeblazen Themes

Kies een WordPress-theme met snelheid in gedachten. Het betekent niet dat u voor een kaal site moet kiezen, maar ga niet voor een "alles behalve de keukenketel" theme. Veel commerciële WordPress-themes komen volgepakt met functies die niet gebruikt worden. Die functies, opgeslagen op de server in een idle-toestand, kunnen een remming op de prestaties creëren.

Het standaard Twenty Fifteen-thema biedt bijvoorbeeld veel functionaliteit, inclusief mobile-first, terwijl het gestroomlijnd en getrimd blijft. Zoek een WordPress-theme dat biedt wat u nodig heeft en alleen wat u nodig heeft.

4. Gebruik Een Caching Plugin

Het cachen van uw site kan de website dramatisch versnellen en is een van de meest kritieke fixes op deze lijst.

Met een caching-plugin worden kopieën van eerder gegenereerde pagina's in het geheugen opgeslagen waar ze snel opgehaald kunnen worden de volgende keer dat ze nodig zijn. Het cachen van een webpagina is veel sneller dan het meerdere keren opvragen van de WordPress-database en laden vanuit de bron. Het is ook bronvriendelijker.

Caching-plug-ins zijn slim genoeg om de gecachte kopie te vernieuwen als de inhoud van de pagina wordt bijgewerkt. Aanbevolen caching-plug-ins om WordPress te versnellen zijn WP Super Cache (gratis), W3 Total Cache (gratis) en WP Rocket (betaald, maar de snelste in tests).

5. Optimaliseer Afbeeldingen

Zorg ervoor dat afbeeldingen in een geschikt formaat zijn (PNG of GIF voor graphics, JPEG voor foto's) en niet groter dan ze hoeven te zijn. Dit is een van de eenvoudigste manieren om WordPress te versnellen.

Comprimeer ze om afbeeldingen kleiner te maken, zodat ze sneller voor de eindgebruiker downloaden. U kunt dit handmatig doen voordat u afbeeldingen uploadt of het proces automatiseren met een plugin zoals WP Smush. Met WP-Smush worden alle afbeeldingen die u naar uw WordPress-site uploaded, automatisch gecomprimeerd.

Wees bewust van hogere resolutieschermen bij het optimaliseren van uw afbeeldingen. Gebruik @2x (en variaties) code als u van plan bent de hoogste resolutieafbeeldingen voor specifieke apparaten te richten.

6. Overweeg Een CDN

Een content delivery network, of CDN, is een geografisch gedistribuerede groep servers die samenwerken om inhoud snel te leveren. Kopieën van uw statische website-inhoud worden in de CDN gecacht. Statische inhoud omvat dingen zoals afbeeldingen, stylesheets en JavaScript-bestanden.

Wanneer de browser van een gebruiker om een specifiek stuk inhoud vraagt, wordt het geladen vanaf de dichtstbijzijnde knoop van de CDN. Bijvoorbeeld: als de gebruiker in het VK is en uw website in de VS gehost wordt, hoeft de data de Atlantische Oceaan niet te oversteken om de gebruiker te bereiken. In plaats daarvan wordt het geserveerd door een nabije CDN-knoop.

Voor high-traffic sites biedt een CDN additionele voordelen. Zonder een CDN worden al uw pagina's geserveerd vanaf een enkele locatie, wat de volledige belasting op één server legt. Met een CDN wordt serverbelasting verdeeld over meerdere sites anders dan uw eigen. Een CDN kan ook helpen beschermen tegen beveiligingsdreigingen zoals gedistribueerde denial-of-service (DDoS)-aanvallen.

Een CDN is geen WordPress-hostingservice. Het is een afzonderlijke dienst die gebruikt kan worden om prestaties te benutten. Cloudflare is een populaire keuze voor kleine websites omdat het een gratis versie biedt. StackPath (voorheen MaxCDN) is niet gratis (het begint op $9/maand) maar heeft een beginner-vriendelijk controlepaneel en interfaces met de meest populaire WordPress-caching-plug-ins.

7. Configureer Lazy Loading

Waarom zou u waardevolle website-bandbreedte (en tijd) besteden aan het laden van afbeeldingen die uw bezoeker niet kan zien?

Lazy loading dwingt alleen afbeeldingen die "above the fold" zijn (voordat een gebruiker moet scrollen) om direct te laden en vertraagt de rest totdat de gebruiker naar beneden scrolt.

Lazy loading is bijzonder waardevol als een pagina meerdere afbeeldingen of video's bevat die uw site kunnen vertragen. Zoals met veel WordPress-snelheidsboosters, zijn er plugins voor dit.

De meest populaire zijn BJ Lazy Load en Lazy Load by WP Rocket.

8. Beste WordPress Snelheidsplug-ins

Uw WordPress-database slaat al uw website-inhoud op. Dat omvat blogposts, revisies, pagina's, reacties en aangepaste posts zoals formulierinhoud.

Het is ook waar themes en plugins hun data en instellingen bijhouden. Naarmate uw site groeit, groeit de database mee, en zo groeit de hoeveelheid overhead die vereist is door elke tabel in de database. Naarmate de grootte en overhead toenemen, wordt de database minder efficiënt. Het optimaliseren ervan van tijd tot tijd kan dit probleem verlichten. Denk eraan als het defragmenteren van een harde schijf.

U kunt uw database optimaliseren via de SQL WordPress-databasetool van uw hostingcontrolpanel. Voor velen is dit phpMyAdmin.

Als u phpMyAdmin gebruikt, klik het vakje om alle tabellen in de database te selecteren. Kies dan aan de onderkant van het scherm "optimize table" uit het dropdown-menu.

Als alternatief kunt u een plugin installeren zoals WP-Optimize of WP-DB Manager. De plugins hebben het voordeel dat ze additionele, onnodige items verwijderen naast het optimaliseren van de overgebleven data.

Waarom tijd en ruimte verspillen aan het opslaan van dingen zoals verwijderde of ongoedgekeurde reacties en verouderde data?

9. Geef Uw Plug-ins Een Check-up

Elke plug-in die u aan uw site toevoegt, voegt extra code toe. Veel voegen meer toe dan dat, omdat ze bronnen van andere domeinen kunnen laden. Een slechte plug-in kan 12 externe bestanden laden terwijl een geoptimaliseerde er voor één of twee kiest.

Bij het selecteren van plug-ins, kies alleen die aangeboden door gevestigde ontwikkelaars en die aanbevolen worden door vertrouwde bronnen. Als u zoekt naar plug-ins binnen de WordPress-repository, is een snelle check om te zien hoeveel andere mensen ook dezelfde plug-in gebruiken.

Als u vindt dat een plug-in uw site vertraagt, zoek dan naar een andere die dezelfde taak efficiënter uitvoert.

Tools zoals Pingdom (kijk in de file requests sectie) en GTmetrix (kijk naar het Waterfall-tabblad) kunnen u helpen de ergste daders te vinden.

10. Verwijder Onnodige Plug-ins

Elke plug-in verbruikt bronnen en verlaagt de sitesnelheid. Laat geen oude, ongebruikte plug-ins in uw database. Simpelweg, verwijder ze om de WordPress-prestaties te verbeteren.

11. Stel Een Expires Header In Voor Statische Bronnen

Een expires header is een manier om browsers te vertellen om niet te botheren om inhoud op te halen die onwaarschijnlijk is gewijzigd sinds de laatste keer dat het geladen was. In plaats van een verse kopie van de bron van uw webserver op te halen, zal de browser van de gebruiker de lokale kopie gebruiken die op hun computer opgeslagen is, wat veel sneller is om op te halen.

U kunt dit doen door een paar regels code toe te voegen aan uw root .htaccess-bestand zoals beschreven in dit handige artikel van GTmetrix.

Het is de moeite waard om te noteren dat als u uw site nog steeds ontwikkelt en uw CSS potentiëel wijzigt, u geen ver-reaching expiration voor uw CSS-bestanden moet toevoegen. Anders zien bezoekers het voordeel van uw nieuwste CSS-tweaks niet.

12. Schakel Hotlinking Uit

Hotlinking (a.k.a. leeching) is een vorm van bandbreedtediefstal. Het werkt als volgt: een andere webmaster linkt direct naar inhoud op uw site (meestal een afbeelding of video) vanuit hun inhoud. De afbeelding wordt getoond op de website van de dief, maar geladen van de uwe.

Hotlinking kan uw serverbelasting verhogen en de prestaties van uw site verminderen, niet te zeggen dat het een afschuwelijk gebruik van web-etiquette is. U kunt uw site beschermen tegen hotlinking door externe links naar bepaalde typen inhoud, zoals afbeeldingen, op uw site te blokkeren.

Als u cPanel of WHM heeft geleverd door uw hostingservice, kunt u altijd de ingebouwde hotlink-beschermingstools gebruiken die ze bevatten. Anders, als uw site Apache-webserver gebruikt (Linux-hosting), hoeft u alleen een paar regels code toe te voegen aan uw root .htaccess-bestand.

U kunt kiezen uit zeer belangrijke codereeksen die interne links en links van zoekmachines zoals Google toestaan. U kunt ook meer complexe regels toevoegen, zoals het inschakelen van links van bronnen zoals een feedservice of het instellen van een standaardafbeelding om te tonen in plaats van een gehotlinkte afbeelding.

13. Schakel GZIP In

Het verkleinen van de grootte van uw pagina's is cruciaal voor snelle levering.

GZIP is een algoritme dat bestanden comprimeert op de zendende kant en herstelt op de ontvangende kant. Het inschakelen van GZIP-compressie op uw server kan de paginalaadtijden aanzienlijk verminderen door de paginagrootten tot 70% te verkleinen.

Wanneer een browser een pagina opvraagt, controleert het of de "Content-encoding: gzip" response header bestaat. Zo ja, weet het dat de server GZIP ingeschakeld heeft en inhoud zoals HTML, stylesheets en JavaScript kan worden gecomprimeerd. Dezer dagen is GZIP standaard ingeschakeld op veel servers, maar het is het beste om zeker te zijn. Deze gratis GZIP-compressiecheck-tool vertelt u of het aanstaat.

Als u GZIP moet inschakelen, is de eenvoudigste manier om een plug-in zoals WP Rocket te gebruiken. W3 Total Cache biedt ook een manier om het in te schakelen, onder de prestatieopties. Als u geen plug-in kunt gebruiken vanwege permissieproblemen of niet wilt en u gebruikt Linux-hosting, kunt u het zelf doen door het root .htaccess-bestand van uw site te wijzigen. Dit artikel legt uit hoe u gzip inschakelt met .htaccess.

14. Optimaliseer Uw Homepagina Voor WordPress Sitesnelheid

Uw homepagina creëert de eerste indruk van uw merk en uw bedrijf. Het is cruciaal om te optimaliseren voor mobiele responsiviteit, een aangename UI/UX, en vooral voor snelheid.

Stappen om te ondernemen omvatten:

• Verwijder onnodige widgets. U hoeft niet elke widget overal weer te geven.
• Voeg geen deelwidgets en plug-ins toe op de homepage. Reserveer ze voor posts.
• Beperk het aantal posts op de homepage. Minder posts is een kleinere, sneller ladende.
• Gebruik uittreksels in plaats van volledige posts. Opnieuw, kleiner is gelijk aan snellere sitesnelheid.
• Ga lichter op de graphics. Afbeeldingen en video's laden langzamer dan tekst.

15. Host Video's Ergens Anders

In plaats van video's als media te uploaden en ze op uw site te serveren, profiteer van videoservices om de bandbreedte en verwerking off te laden.

Maak gebruik van de op een na meest bezochte zoekmachine op het web en upload uw video's naar YouTube, of een vergelijkbare dienst zoals Vimeo. Dan kunt u een klein beetje code kopiëren en plakken in een post op uw site waar u de video wilt laten zien. Dit heet een video insluiten. Wanneer een gebruiker de pagina bekijkt, zal de video streamen van de third-party server in plaats van uw eigen. In tegenstelling tot hotlinking, is dit de aanbevolen praktijk voor media-rijke inhoud zoals video.

16. Beperk Postrevisies

De mogelijkheid om terug te keren naar een eerdere opgeslagen versie van een post kan handig zijn, maar heeft u elke kopie van elke post die u ooit gemaakt hebt nodig? Waarschijnlijk niet.

Deze extra kopies vervuilen uw database en voegen overhead toe, dus het is het beste om een limiet te zetten op het aantal opgeslagen. U kunt dit doen door een plugin te gebruiken, zoals Revision Control, of u kunt een limiet instellen door de volgende regel toe te voegen aan uw wp-config.php-bestand:

define( 'WP_POST_REVISIONS', 3 );

Stel een getal in waar u zich comfortabel mee voelt. Alles zal minder zijn dan de standaard, die automatisch revisies zonder limiet opslaat.

17. Stel De Standaard Gravatar-afbeelding In Op Leeg

Gravatar is een webservice die iedereen toestaat een profiel aan te maken met een geassocieerde avatar-afbeelding die automatisch linkt aan zijn of haar e-mailadres. Wanneer de gebruiker een reactie achterlaat op een WordPress-blog, wordt hun avatar naast getoond. Als de gebruiker geen Gravatar-afbeelding gedefinieerd heeft, toont WordPress de standaard Gravatar-afbeelding. Dit betekent dat u tientallen reacties kunt hebben die dezelfde, oninformatieve "mystery man" afbeelding tonen. Waarom paginalaadtijd verspillen aan iets dat niet erg nuttig is als u het kunt verwijderen?

Het wijzigen van de standaard Gravatar-afbeelding is eenvoudig. In uw WordPress Admin-dashboard, ga naar Instellingen > Discussie. Scroll naar de Avatars-sectie. Selecteer Leeg als de standaard Avatar. Klaar.

18. Schakel Pingbacks En Trackbacks Uit

Toen Pingbacks en Trackbacks geïmplementeerd werden, waren ze bedoeld als een voertuig voor het delen van credit en het verwijzen naar gerelateerde inhoud. In de praktijk zijn ze voornamelijk een voertuig voor spam. Elke ping/track die u ontvangt, voegt entries (d.w.z. meer data) toe aan uw database.

Omdat ze zelden gebruikt worden voor iets anders dan het verkrijgen van een link van uw site naar die van de spammer, overweeg ze volledig uit te schakelen. Om dit te doen, ga naar Instellingen > Discussie. Onder standaard artikeleninstellingen, vink het vakje uit dat zegt "Sta linknotificaties van andere blogs toe (pingbacks en trackbacks)." Let op dat dit ping/tracks voor de toekomst uitschakelt, maar niet retroactief van toepassing is op bestaande posts.

19. Verdeel Reacties In Pagina's

Veel reacties op uw blog krijgen is een geweldig ding, maar het kan de algehele paginalaadtijd vertragen. Om dit potentiële probleem te elimineren, ga naar Instellingen > Discussie en vink het vakje aan naast de optie "Breek reacties in pagina's". U kunt dan specificeren hoeveel reacties u per pagina wilt en of u de nieuwste of oudste eerst wilt weergeven.

20. Verwijder Sliders

Of sliders er nu geweldig uitzien of niet is een kwestie van mening. Maar het feit dat ze uw WordPress-website vertragen is dat niet.

Sliders voegen extra JavaScript toe dat tijd kost om te laden en conversieratio's verlaagt.

Ze duwen uw hoofdinhoud ook naar beneden op de pagina, misschien uit zicht. Waarom een prestatieklop nemen voor iets wat alleen dient als ineffectieve eye candy?

21. Verplaats Scripts Naar De Footer

JavaScript is een handige scripttaal die u allerlei leuke dingen laat doen. Het duurt ook tijd om de scripts te laden die de magie laten gebeuren. Wanneer scripts in de footer staan, zullen ze nog steeds moeten laden, maar ze zullen de rest van de pagina niet in de war brengen in het proces. Wees ervan bewust dat scripts soms in een bepaalde volgorde moeten laden, dus houd dezelfde volgorde als u ze verplaatst.

22. Combineer Knoppen En Iconen In CSS Sprites

Een sprite is een grote afbeelding die bestaat uit een bundel kleinere afbeeldingen. Met CSS sprites laadt u de sprite-afbeelding en positioneert u het om het deel te tonen dat u wilt weergeven.

Op die manier resulteert er slechts één HTTP-verzoek voor de afbeelding, in plaats van individuele verzoeken voor elke componentafbeelding.

23. Minify JavaScript En CSS

Minificatie is het proces van het kleiner maken van bepaalde bestanden, zodat ze sneller transmitteren. Het wordt bereikt door witruimtes, regelafbrekingen en onnodige karakters uit de broncode te strippen.

Better WordPress Minify is een populaire minify-plugin. Het biedt veel aanpassingsopties. Begin met het controleren van de eerste twee algemene opties.

Die twee specificeren dat JavaScript- en CSS-bestanden geminifieerd moeten worden. De plugin werkt door nieuwe, geminifieerde kopieën van de originele bestanden aan te maken. De originele bestanden blijven op hun plek, zodat u snel kunt terugkeren als gewenst.

24. Vermijd Landing Page Redirects

WordPress is vrij slim over veel dingen, en redirects zijn er een van. Als een bezoeker https://uw-domein.nl/grootartikel.html in hun browser typt, en u heeft uw site ingesteld om het www voorvoegsel te gebruiken, wordt de bezoeker automatisch doorgestuurd naar de juiste pagina (met het www voorvoegsel toegevoegd), https://www.uw-domein.nl/grootartikel.html.

Wat als de gebruiker https:// intypt in plaats van https://? Ze zullen waarschijnlijk nog steeds op de gewenste pagina arriveeren, maar er kan een andere redirect zijn als HTTPS converteert naar HTTP, en dan dat wordt doorgestuurd naar de www URL. Meer tijd besteed aan wachten op de doellading.

Redirects zijn handig om uw bezoeker op de juiste pagina te laten landen, maar ze nemen tijd, wat laden vertraagt. Daarom moet u ze waar mogelijk vermijden. Bij het linken naar een pagina op uw site, wees zeker dat u de juiste, niet-doorgestuurde versie van de URL gebruikt. Ook moet uw server geconfigureerd zijn zodat gebruikers elke URL kunnen bereiken met niet meer dan één omleiding, ongeacht welke combinatie van HTTP/HTTPS of www gebruikt wordt.

Om de status van omleidingen die momenteel door uw site gebruikt worden te controleren, probeer een paar URLs in deze Redirect mapper. Als u meer dan één redirect ziet, dan moet u uw server wijzigen om ervoor te zorgen dat bezoekers sneller op de juiste plek komen.

Als uw site op Linux gehost wordt, kunt u dit bereiken door URL-hereschrijvingsregels toe te voegen aan uw .htaccess-bestand. Voor andere hostingplatforms, check uw dashboard om te zien of er een optie is om omleiding te configureren. Als niet, neem contact op met technische ondersteuning en vraag hen het voor u te fixen.

25. Vervang PHP Door Statische HTML

PHP is een snel-uitvoerende taal, maar het is niet zo snel als statische HTML. De kans is groot dat uw thema een half dozijn PHP-statements in de header uitvoert die uitgewezen kunnen worden voor statische HTML. Als u uw header-bestand bekijkt (Weergave > Theme Editor), zult u veel regels zien die er ongeveer zo uitzien:

Het gedeelte in het vet is PHP dat elke keer uitgevoerd wordt wanneer uw pagina laadt. Hoewel dit minimale tijd in beslag neemt, is het langzamer dan rechtstreeks HTML.

Als u vastbesloten bent uw website zo snel mogelijk te maken, kunt u de PHP voor tekst uitwisselen. Om te zien wat u de PHP moet vervangen, gebruik de View Source-optie terwijl u naar uw webpagina kijkt (rechtsklik > view source).

U zult zoiets zien als:

Het vetgedrukte gebied is de tekst die het resultaat was van de verwerkte PHP-code. Vervang de oorspronkelijke PHP-aanroep met deze code. Als u dit doet voor de hoofdaanroepen van PHP in alleen de header, kunt u ten minste zes aanroepen naar PHP besparen. Als u verschillende titels of artikeltitels op afzonderlijke pagina's gebruikt voor SEO-doeleinden, wijzig dan niet de PHP in de eerste regel. Controleer uw footer en sidebar op additionele kansen om PHP voor tekst uit te wisselen.

Site-snelheid Alles Samenvoegen: WordPress-optimalisatie

Op dit moment zou u een stevige greep moeten hebben op hoe u uw WordPress-site kunt versnellen.

U zou in staat moeten zijn om het belang te begrijpen van een responsieve site die gefocust is op prestaties en snelheid om de aandacht van uw gebruikers snel te krijgen.

De kans is groot dat u, terwijl u deze gids navigeerde, ontdekte dat uw website genoeg ruimte voor verbetering had.

Zodra u de bovenstaande tips toepast, voer opnieuw een WordPress-websitesnelheidstest uit via Google's TestMySite en Page Speed Insights.

U zou aangenaam verrast moeten zijn door de verbeterde snelheid. Onthoud om Google Analytics-data te monitoren om te zien hoeveel meer bezoekers u ontvangt en de lengte van de tijd die op uw pagina's doorgebracht wordt. Dit moet een lopend instrument zijn om de effectiviteit van uw optimalisaties te monitoren.

Houd er rekening mee dat snelheid essentieel is, maar het is niet alles. U kunt alle afbeeldingen, video's en plug-ins weglaten en een kaal thema gebruiken om een brandende snelle laadtijd te bereiken, maar uw site zou saai kunnen eindigen.

In plaats daarvan, balanseer snelheid met uiterlijk en functionaliteit, met de nadruk op het snelheidseinde van de vergelijking. Uw klanten zullen het merken. U kunt erop rekenen. Nu bent u klaar om uw WordPress-website te versnellen!