WordPress-optimalisatie: voor snelheid

Dit is de deal:
Als uw website meer dan 3 seconden nodig heeft om te laden…
… zullen de meeste bezoekers vertrekken en nooit meer terugkomen.

Als u wilt dat mensen uw content lezen en kopen wat u verkoopt, moet u de snelheid van uw website verbeteren.
Een sneller ladende website betekent:

• Meer verkeer van Google
• Lagere bounce rate
• Betere conversie ratio
• Meer verkopen

Maar het probleem is dat het verbeteren van de snelheid van uw website moeilijk is en veel tijd kan kosten. Als u een webontwikkelaar inhuurt, zal het u meer dan duizend dollar kosten. Als u een WordPress-gebruiker bent, kunt u dit eenvoudig doen door een plugin te gebruiken zoals WP Speed of Light.
In deze handleiding zal ik u laten zien hoe u de snelheid van uw WordPress-website kunt verbeteren met onze plugin, WP Speed of Light.

Waarom u de snelheid van uw website moet verbeteren

Er zijn veel redenen waarom u de snelheid van uw website wilt verbeteren. Een van de belangrijkste is om het bouncepercentage van uw website te verlagen.

Als uw website meer dan 3 seconden nodig heeft om te laden, zullen de meeste mensen meteen weggaan. Dit verhoogt uw bouncepercentage, en in de ogen van Google is een website met een hoog bouncepercentage een website van lage kwaliteit. Bovendien geven de algoritmes van Google de voorkeur aan het weergeven van websites die snel laden, een geweldige gebruikerservaring bieden en een laag bouncepercentage hebben. Dus als u op de eerste pagina van Google wilt komen en daar wilt blijven, hebt u een snelle website nodig.

Niet alleen dat, als u wilt dat uw websitebezoekers kopen wat u verkoopt of zelfs zich abonneren op uw e-maillijst, hebt u een snellere website nodig. Hoe langzamer uw website laadt, hoe lager uw conversiepercentage zal zijn. Een snellere website zal uw algehele conversiepercentage verhogen, wat betekent meer abonnees, meer shares en meer verkopen.

Niet alleen dat, volgens Kissmetrics, 47% van de consumenten verwacht dat een webpagina laadt in 2 seconden of minder, en 40% van uw gebruikers zal uw website verlaten als het meer dan 3 seconden duurt om te laden. Als u nog niet overtuigd bent, volgens WebsiteOptimization.com, wordt een trage website als laagwaardig beschouwd, zal uw verkeer met maximaal 20% doen afnemen en zal zelfs de bloeddruk van uw gebruikers verhogen.

Gebruikte Cached Pagina's om Laadtijd en Serverbronnen te Verminderen

Elke keer dat iemand een pagina op uw website bezoekt, gaat WordPress door duizenden regels code, maakt verbinding met de database en genereert vervolgens de pagina. Verbinding maken met de database en duizenden regels code uitvoeren kost niet alleen veel tijd, maar verhoogt ook de belasting van uw servers.

Dit is waar caching in het spel komt. Wanneer je caching inschakelt, zal WordPress de pagina's van je website niet opnieuw genereren elke keer dat ze worden opgevraagd. In plaats daarvan zal het de inhoud van de pagina de eerste keer cachen (een kopie maken) en vervolgens deze gecachte kopie van de pagina aan de gebruikers serveren. Door een gecachte kopie van de pagina te serveren, slaat WordPress het opnieuw genereren van een pagina over en zelfs het verbinden met de database om de inhoud op te halen. Dit bespaart niet alleen veel serverbronnen, maar het vermindert ook de tijd die het kost om een pagina aan de gebruiker te serveren.

Het inschakelen van caching in je WordPress-installatie kan de laadtijd van je website met bijna de helft verminderen.

Maar hier is het probleem:

WordPress komt standaard niet met caching-functionaliteit. Dit betekent dat er geen knop is in het WordPress-dashboard om caching in te schakelen. Om caching op uw WordPress-site in te schakelen, moet u onze plugin, WP Speed of Light, installeren. Het is gratis en het installeren duurt niet langer dan een seconde. Zodra u het op uw website hebt geïnstalleerd, kunt u caching inschakelen:

Hoe u caching inschakelt met WP Speed of Light

Om caching in te schakelen met onze plugin, log in op uw WordPress-dashboard en navigeer vervolgens naar WP Speed of Light -> Snelheids optimalisatie:

Zodra u op de snelheids optimalisatie pagina bent, schakelt u de volgende opties in:

Cache-systeem activeren: Dit activeert het hoofd-cache-systeem. Zodra u deze optie inschakelt, zal onze plugin databasequery's en algemene pagina-elementen cachen.

Elke opschonen: Deze optie bepaalt hoe vaak onze plugin de cache zal wissen. Het is belangrijk om de cache van tijd tot tijd te wissen. Als u de cache van uw server niet wist, zullen nieuwe wijzigingen aan uw website niet zichtbaar zijn voor uw gebruikers. We raden aan om deze optie op 40 minuten in te stellen.

Opschonen bij opslaan: Dit is een optie die u wilt inschakelen. Het maakt de cache leeg zodra u een bericht of een pagina toevoegt of wijzigt. Als u de cache van uw server niet wist na het publiceren van een nieuwe pagina of het aanbrengen van een wijziging, kunnen uw gebruikers de nieuwe wijzigingen en de nieuw gepubliceerde pagina's niet zien.

Cache voor desktop: Deze optie bepaalt of onze plugin de desktopgebruikers een gecachte pagina levert. U wilt deze optie inschakelen.

Cache voor tablet: Houd deze ingesteld op Automatisch, tenzij u te maken heeft met een verkeerde cacheversie die wordt aangeboden aan tabletgebruikers. Dit kan alleen gebeuren als uw site verschillende inhoud (HTML) levert aan gebruikers van verschillende apparaten.

Cache voor mobiel: Deze optie is hetzelfde als de vorige. We raden u aan deze in te stellen op Automatisch.

Nooit de volgende pagina's cachen (optioneel): Met deze optie kunt u bepaalde pagina's uitsluiten die dynamisch zijn en niet in de cache opgeslagen hoeven te worden. Voer voor deze optie één URL per regel in die u niet wilt cachen. De meeste gebruikers hebben deze functie niet nodig.

Zodra u al deze opties hebt ingeschakeld, klikt u op Wijzigingen opslaan. Dat is alles. U hebt caching op uw website ingeschakeld. Vanaf nu worden uw gebruikers een gecachte kopie van de pagina's en berichten van uw site aangeboden.

Halveer de laadtijd van uw website met GZIP

De afbeeldingen, JavaScript- en CSS-bestanden die uw webpagina's nodig hebben, hebben een grote impact op de snelheid van uw website. Het downloaden van bestanden van de server kost tijd. En bestanden zoals afbeeldingen kunnen wel een megabyte groot zijn. Dit vergroot niet alleen de tijd die het kost om uw website weer te geven, maar verhoogt ook uw bandbreedtekosten.

De beste oplossing? Schakel GZIP in op uw server.

GZIP is een compressie-algoritme dat, wanneer ingeschakeld, de grootte van uw bestanden met meer dan de helft zal verkleinen. Zodra u GZIP inschakelt, zal de server van uw website gecomprimeerde bestanden gaan aanbieden aan de browsers die dit ondersteunen. Dus, uw afbeeldingen die mogelijk meer dan 5 megabytes groot zijn, zullen worden gecomprimeerd tot minder dan 2 wanneer ze worden aangeboden. Dit zal niet alleen uw bandbreedtekosten en serverbelasting verlagen, maar het zal ook de laadtijd van uw website met meer dan de helft verkorten.

Hoe GZIP in te schakelen met WP Speed of Light

Onze plugin controleert eerst of GZIP al is ingeschakeld op uw server, wat nu het geval is bij de meeste grote webhostingproviders. Als het al is ingeschakeld op de server, hoeft onze plugin niets te doen. Maar als uw server GZIP niet heeft ingeschakeld, zal onze plugin het inschakelen met behulp van de apache module (mod_deflate) of de Nginx module (ngx_http_gzip_module) door de vereiste code toe te voegen aan het htaccess bestand van uw WordPress-server.

Als uw server GZIP niet heeft ingeschakeld per standaard en onze plugin kan het niet doen met htaccess, dan wordt er een waarschuwingsmelding weergegeven in het plugin-dashboard.

Maak gebruik van browsercaching om de snelheid van uw website te verbeteren

Wanneer iemand uw website bezoekt, downloadt hun browser alle bestanden die nodig zijn om de pagina weer te geven. De meeste van deze bestanden zijn gemeenschappelijk voor andere pagina's op uw website, zoals het logo, CSS en JavaScript. Wanneer een bezoeker naar de andere pagina's op uw website navigeert, zal hun browser alle bestanden opnieuw downloaden, zelfs als de browser ze al had gedownload bij het weergeven van de laatst bezochte pagina. Dit gebeurt omdat de browser niet weet of de bestanden op de server zijn bijgewerkt. En omdat het dat niet weet, moet het de bestanden keer op keer opnieuw downloaden bij elk bezoek.

Dit verhoogt niet alleen uw bandbreedtekosten en serverbelasting, maar het zal ook de laadtijd van uw website verlengen.

Dit is waar browsercaching te hulp komt. Door een vervaltijd op te geven voor de statische bestanden zoals afbeeldingen en css op uw server, geeft u de browser de instructie dat het niet nodig is om ze opnieuw te downloaden bij elk websitebezoek.

Zodra u browsercaching op uw server inschakelt, wordt uw website vanaf het tweede bezoek sneller geladen omdat de browser van de gebruiker niet alle bestanden opnieuw hoeft te downloaden elke keer dat de gebruiker een andere pagina op uw website bezoekt. In plaats daarvan kan de browser van de gebruiker ze genereren met behulp van de bestanden die het al heeft gedownload en in de cache heeft opgeslagen.

Hoe u browser caching op uw server inschakelt met WP Speed of Light

Om browsercaching te benutten met onze plugin, log in op uw WordPress-dashboard en navigeer naar WP Speed of Light -> Snelheids optimalisatie:

Nu moet u op de pagina Snelheids optimalisatie de optie “Verloop headers toevoegen” inschakelen:

Zodra u deze optie inschakelt, zal onze plugin de browser van de gebruiker instrueren om de statische bronnen te cachen en deze te gebruiken in plaats van ze opnieuw aan te vragen bij elk bezoek.

Queryreeksen verwijderen uit statische bronnen

Zelfs nadat u browser caching hebt ingeschakeld, behandelen browsers bestanden anders wanneer ze een queryreeks aan het einde van hun URL hebben.

Dit is hoe een queryreeks eruit ziet: http://uw-site.com/stijl.css?query-reeks=123

WordPress voegt standaard een queryreeks toe aan het einde van alle CSS- en JavaScript-bestanden. Als u een hogere score wilt behalen in snelheidstesttools zoals GTMetrix, moet u deze queryreeksen verwijderen.

Volg deze stappen om de queryreeks uit de URL's van uw statische bronnen te verwijderen:

Hoe automatisch queryreeksen te verwijderen met WP Speed of Light

Om queryreeksen uit uw statische URL's te verwijderen, logt u in op uw WordPress-dashboard en navigeert u naar WP Speed of Light -> Snelheids optimalisatie:

Schakel nu op de pagina Snelheids optimalisatie de optie “Queryreeksen verwijderen” in:

Zodra u deze optie inschakelt, zal onze plugin automatisch de queryreeksen uit al uw URL's verwijderen. Dit zorgt ervoor dat de browser van uw gebruikers de cache aan de clientzijde gebruikt in plaats van het opnieuw downloaden van een nieuwe kopie van de statische bestanden bij elk bezoek. Dit zal ook resulteren in een hogere score in snelheidstesttools zoals GTMetrix en Google Page Speed Test.

Conclusie

WordPress is het meest populaire contentmanagementsysteem op internet. Het is flexibel en komt met letterlijk duizenden functies. Maar deze flexibiliteit komt met een prijs. De prijs is de trage laadsnelheid van uw website. WordPress, dat zeer aanpasbaar en flexibel is, heeft een grote codebase, en deze grote codebase heeft tijd nodig om uit te voeren. En wanneer u een nieuwe plugin installeert, voegt het nog meer regels code toe aan deze grote codebase waardoor het nog groter wordt.

Hoe meer plugins u installeert en gebruikt op uw website, hoe langzamer deze zal worden. Gelukkig, als u een plugin zoals WP Speed of Light gebruikt en caching inschakelt, zal uw website soepel draaien en snel laden. Niet alleen dat, u zult ook een toename zien in conversieratio, hogere zoekmachine rankings en een verlaagde bounce ratio.

En u zult ook prestatietests kunnen uitvoeren om te weten wat u rechtstreeks kunt controleren vanuit WP Snelheid van Licht!

DOWNLOAD WP SPEED OF LIGHT

Heeft u vragen of suggesties? Voel u vrij om ons dit te laten weten in de reacties hieronder.