<

Ik hoop dat u onze blog interessant vindt

Als u uw marketing of website project met ons wil bespreken, klik hier

Waarom websites traag laden

december 13, 2020

Een WordPress website is een ideaal platform voor een blog, website als ook voor een Webshop. Doch hoor je vaak dat WordPress websites traag zijn. We geven hieronder een aantal nuttige tips die dit juist voorkomt.

Laadsnelheid belangrijk voor Google ranking

Het snel laden van webpagina’s wordt als gebruiksvriendelijke door websitebezoekers ervaren. Zelf wil je ook niet eindeloos wachten totdat je de inhoud van de pagina kan raadplegen.

Laadsnelheid is één van de drie belangrijkste criteria voor Google om een website hoger of lager te rangschikken in de zoekresultaten.

Vaak zijn er verschillende elementen die een invloed hebben op de snelheid van uw website. In dit artikel ga ik wat dieper in op deze elementen :

N

Standaard WordPress thema

N

Gekocht thema op Themeforest.net

N

Aantal gebruikte plugins

N

Caching

N

Afbeeldingen

N

Content Delivery Network (CDN)

Keuze van WordPress thema en invloed op laadsnelheid

Standaard WordPress installatie en thema

We hebben zelf de test uitgevoerd met de websites WordPressinstallatie

GTMetrix rapport bij een standaard WordPress installatie

Bij de installatie van deze website, hebben we paginabouwer Divi Builder met een standaard template gebruikt. Op deze website worden ook slechts 6 plugins ook gebruikt, waaronder Woocommerce.

Op deze website zijn geen verdere optimalisaties gebeurt en geeft weer wat je krijgt na een standaard WordPress installatie op een shared webhosting.

Je kan op de afbeelding hierboven het metingsresultaat aflezen van GTMetrix. Op de hoofdpagina volledig te laden, duurt dit 3,9 seconden. Eén seconde te traag, want vanaf 3 seconden laadtijd beginnen bezoeker al af te haken.

Gekocht thema van Themesforest.net

Themeforest.net is een populaire website waarbij webdesigners nieuw webdesigns promoten op dit portaal. Iedereen kan hier werkelijk templates opladen en is de keuze daarom ook gigantisch.

Voordelen thema’s Themeforest.net

N

Goedkoop en ruime keuze van thema’s

N

Inspiratiebron voor jouw eigen website

N

Populair platform

De populariteit van dit platform getuigt in het aantal beschikbare thema’s die je hier kan aanschaffen. Dit platform beschikt voor meer dan 28000 templates.

Deze gigantische bibliotheek van website thema’s is het werk van duizenden webdesigners die elk hopen dat hun thema hoge verkoopcijfers haalt.

Themeforest.net rangschikt ook de thema’s volgens aantallen verkoop en reviews. Zo kan je makkelijk kiezen uit de populaire thema’s met betrouwbare reviews.

Doch, zijn er belangrijke nadelen bij de aanschaf van een thema op Themeforest.net.

Nadelen thema’s Themeforest.net

N

Template kan op elk moment worden verwijderd, wat de functies van jouw website in gevaar brengt

N

Teveel opties en te weinig gebruik

N

Hoe meer functies ingeschakeld, des te trager

N

Gevaar van zwakheden binnen het thema bij cyberaanvallen

N

Thema lock-in; het wijzigen van thema kan tot verlies van data leiden

N

Extra support is betalend en slechts voor de komende 6 maanden

N

Geen uniek design

N

Afhankelijk van onbekende designer

Meerdere malen heb ik websites geoptimaliseerd die gebruik maken van dergelijke thema’s. Steeds kwam ik in contact met deze bedrijven door een snelheidsprobleem.

Telkens kwam hetzelfde fenomeen terug, voor elke pagina waren er meer dan 150 connecties naar de webserver nodig om de pagina te kunnen laden in webbrowser.

Het grote aantal connecties naar de webserver waren net alle scripts die standaard ingeschakeld zijn, terwijl je deze niet altijd nodig hebt op deze pagina.

Een voorbeeld van een website van een klant die een thema van Themeforest gebruikt gaf een dramatische weergave van de performance :

GTMetrix rapport voor een thema uit Themeforest.net

Uit dit rapport bleek dat niet enkel de webpagina was veel te zwaar in grootte, maar ook de webserver werd overbelast door het aantal connecties die naar de webserver werden gemaakt.

Deze website werd nota bene door een marketingkantoor afgeleverd die enkele tienduizenden euro’s vroeg voor de aflevering van de website.

De oorzaak van dit groot aantal connecties lag in de core van dit thema. Voor elke pagina van deze website werd elke mogelijke functie geladen, terwijl dit helemaal niet nodig was.

Ik wil hier zeker niet claimen dat dit steeds tot hetzelfde resultaat leidt, maar ik heb hier vooral uit geleerd dat een website best vanuit een blanco blad kan worden opgebouwd. Je wil immers controle houden over alle elementen.

We spenderen een volledig artikel aan de voor -en nadelen van het gebruik van Themeforest templates als je hierover meer wil weten.

Een volgend aspect is het gebruik van plugins

WordPress plugins: overdaad schaadt

WordPress plugins bieden tal van extra functies aan uw WordPress website. Met meer dan 50.000 plugins in de WordPress bibliotheek kan voor elke type functie wel een plugin vinden.

Is het dan verstandig om voor elke functie een plugin te gebruiken? Zijn er risico’s verbonden aan het gebruik van plugins? Wanneer is er overdaad? Tal van vragen die we hieronder beantwoorden

Het probleem van teveel plugins

De problemen die door plugins worden veroorzaakt, hangen af van welke plugins u hebt geïnstalleerd, hoe ze zijn gecodeerd, welke er daadwerkelijk actief zijn, enzovoort.

Het grootste probleem met te veel plugins is dat sommige uw site kunnen vertragen.

Aangezien 40% van de bezoekers een website verlaat als het langer dan drie seconden duurt om te laden, is het aantal plugins dat u installeert gunstig voor het succes van uw website.

Na hoeveel seconden haken bezoekers af?

Probleem #1: veiligheidslekken

Als uw website niet veilig is, kan al het harde werk dat u in het maken van uw blog of het ontwerpen van een e-commercewinkel hebt gestoken, door hackers worden vernietigd.

Aanvallen komen elk jaar sneller en sneller. Van 2015 tot 2016 was er een toename van 32 procent meer gehackte sites. En het kan tonnen tijd en geld kosten om alle schade te herstellen.

Tenminste 47 procent van alle WordPress kwetsbaarheden zijn Cross Site Scripting (XSS) kwetsbaarheden, volgens Wordfence.

Kwetsbaarheden WordPress

Dit gebeurt wanneer kwaadaardige scripts worden toegevoegd aan de code van een plugin. Websites kunnen ook gecompromitteerd raken wanneer plugins verouderd zijn.

Een gehackte website kan de reputatie van uw merk en uw privacy schaden. Maar het is belangrijk om te onthouden dat er risico’s verbonden zijn aan welke software u ook kiest te installeren.

Probleem #2: sitecrashes en gebrek aan betrouwbaarheid

WordPress is een open source project, dus mensen kunnen alle WordPress software gebruiken, veranderen en delen. Dat is ook de reden waarom de meeste plugins gratis zijn.

Daarom zijn slechte plugin codes die site crashes veroorzaken mogelijk.

Deze problemen kunnen een goede plugin snel veranderen in een schadelijke plugin, die de prestaties van de site en de snelheid van de pagina’s kan belemmeren.

Probleem #3: slechte prestaties en trage paginasnelheid

Snelle laadtijden zijn essentieel om bezoekers op je site te houden. Maar hoe meer plugins je op je site hebt geïnstalleerd, hoe trager hij zal zijn.

Voor elke plugin die je aan je site toevoegt, wordt er meer code aan de browser toegevoegd. Dat is meer te verwerken, dus hoe minder code er is, hoe beter uw laadsnelheden zal zijn.

Nu de allerbelangrijkste vraag: hoeveel plugins zijn er precies te veel?

Hoeveel plugins zijn er te veel?

Afhankelijk van het type website je wil bouwen, maar er is wel een regel waarbij je best de plugins beperkt tot maximaal 20.

Een echte harde regel voor het aantal plugins bestaat niet, maar je kan best jezelf houden aan plugins die je echt nodig hebt en de anderen te verwijderen.

Bestaande plugins bijwerken om kwetsbaarheden te verhelpen

Regelmatig worden updates uitgebracht voor plugins. Deze updates bevatten belangrijke patches die gaten in de beveiliging van een plugin repareren.

Er zijn tal van manieren om kwetsbaarheden te beperken en zo je website extra te beveiligen. Dit vooral aan bod in ons artikel, hoe beveilig je best een WordPress website.

Waarom Caching belangrijk is voor de laadsnelheid

Laat ons eerst Caching definiëren :

Caching is het tijdelijk bewaren van gegevens of data om sneller toegang te krijgen tot deze data. Met caching worden er kopieën van uw webpagina’s bewaard en hoeft de webbrowser niet telkens alle data te laden

De voordelen van caching

Door de webpagina vooraf te cachen, win je in laadsnelheid van de pagina. Ook voor mobiele websitebezoekers zal er met caching minder bandbreedte worden gebruikt om webpagina’s te laden.

Voordelen caching :

N

Snellere laadsnelheid website

N

Goed voor SEO (Search Engine Optimization)

N

Er worden minder MB’s verbruikt door mobiele bezoekers

N

Met Caching is je website beter in staat bezoekerspieken op te vangen

Hoe werkt caching?

Wanneer je naar een website surft, kan je internetbrowser de verschillende bestanden opslaan, zodat de browser deze niet meer hoeft te laden bij een volgend bezoek.

Deze bestanden worden lokaal opgeslagen en hoeven daarom niet meer van de webserver te worden gedownload. Als resultaat wordt jouw website sneller geladen.

Het nadeel van caching is dat de webbrowser niet de meeste recente versie weergeeft van de webpagina.

Bij wijzigen op de een webpagina, zorg er daarom voor dat cache bestaande altijd worden geleegd.

WordPress plugins voor Caching

We hebben tal van WordPress caching plugins over het afgelopen jaar getest en daaruit kwam er één plugin er als beste uit : WP-Rocket

Waarom onze keuze voor WP-Rocket?

Deze plugin kost wel 49€ op jaarbasis per website, maar je krijgt de beste resultaten terug met deze plugin.

WP-Rocket heeft tal van functies die er voor zorgen dan niet enkel jouw webpagina’s snel laden, maar bovendien ook optimaliseert.

N

Cachen van de webpagina’s

N

Combineren van html, css en java bestanden

N

Preloaden van pagina’s

N

Afbeeldingen optimaliseren

N

Gebruik van een Content Delivery Network (CDN)

Het cachen van de pagina in de webbrowser is uiteraard belangrijk voor de laadsnelheid, maar ook het aantal http verzoeken te verminderen.

Dit is ook één van de functies van deze plugin.

Een webpagina is opgebouwd uit html, css stylesheets en java scripts. De plugin kan ook de verschillende files aan elkaar verbinden zodat je minder http verzoeken krijgt naar de webserver. Dit verhoogt de snelheid van het laden.

Het gebruik van Google fonts veroorzaakt vaak ook extra http verzoeken en kan je met WP Rocket deze fonts vooraf laden.

De preload functie is een belangrijk onderdeel van deze plugin en geeft doorgaans een beter resultaat dan andere caching plugins die we hebben getest.

WP-Rocket heeft ook een gelinkte plugin om afbeeldingen te optimaliseren die ten goede komt van de laadsnelheid van de pagina’s.

Waarom afbeeldingen de laadsnelheid beïnvloeden

Optimaliseren van afbeeldingen heeft een hoge impact op de laadsnelheid van de pagina

In de afbeelding hierboven kan je de impact terugvinden op het niet schalen en optimaliseren van afbeeldingen.

Afbeeldingen die je aankoopt bij bijvoorbeeld Adobe zijn behoorlijk groot in megabytes wanneer je deze bij Adobe download. Afhankelijk van de afbeelding zit je algauw tussen de 3 à 7 MB per afbeelding.

Laad je deze zonder optimalisatie in de media library van WordPress zal dit een impact hebben op de zwaarte van de webpagina en zal het langer duren voor het laden van de pagina.

Er zijn verschillende technieken om afbeeldingen te optimaliseren. We verwijzen je graag naar de pagina hoe afbeeldingen best te optimaliseren.

Een belangrijk, niet te vergeten, to do is het schalen van afbeeldingen.

Wat is een geschaald beeld?

Een geschaalde afbeelding is een afbeelding waarvan de grootte precies overeenkomt met de grootte die in CSS of HTML is gedefinieerd.

Stel dat een gebruiker besluit om een afbeelding van 500 x 500 pixels te gebruiken voor een 50 x 50 thumbnail. Het resultaat is dat de browser de afbeelding moet downloaden en verkleinen voordat deze aan de bezoekers wordt getoond.

Dit proces is inefficiënt en kan de laadtijd van uw website vertragen.

Dit probleem zal zich echter niet voordoen als u de afbeeldingen schaalt. Kleinere afbeeldingen gebruiken minder ruimte en versnellen uw site, wat op zijn beurt de SEO en ranking van uw site zal verbeteren.

Wat is een CDN en waarom u er een zou moeten gebruiken

We hebben eerder dit artikel reeds besproken waarom caching belangrijk is langs de kant van de webbrowser. Ook de webserver ontlasten is een belangrijke factor. Hiervoor kunnen we een Content Delivery Network (CDN) gebruiken .

Een CDN is een manier om content van uw website of mobiele applicatie sneller en efficiënter bij mensen af te leveren, op basis van hun geografische locatie. Een CDN bestaat uit een netwerk van servers (“points of presence,” of POP’s) op locaties over de hele wereld.

Bijvoorbeeld; uw website draait op een server in Brussel, maar je richt op de Aziatische markt. De laadsnelheid zal hoger liggen wanneer gebruikers uit Azië de content krijgen geleverd van een server in Hong Kong.

Hoe werken CDN’s?

Om ontevreden gebruikers als gevolg van een trage dienstverlening te vermijden, verplaatsen CDN’s de inhoud dichter naar de gebruiker om de latentie te verminderen en de gebruikerservaring te verbeteren.

In theorie is dit netjes, elegant en spreekt het voor zich. In de praktijk zijn er echter een aantal behoorlijk lastige technische uitdagingen.

Ten eerste moet een CDN, om de latentie voor een bepaalde gebruiker te verminderen, een content caching server – een cache – hebben die dicht bij hem staat. Helaas is het niet haalbaar om voor elke mogelijke internetgebruiker een cache in de buurt te hebben.

In plaats daarvan organiseren we de caches in PoP’s, verdelen we ze over grote geografische regio’s (Europa, VS, Azië, enz.) en plaatsen we ze vervolgens in de belangrijkste bevolkingscentra binnen die regio’s.

Vervolgens moet een CDN een verzoek van een enkele gebruiker doorsturen naar de dichtstbijzijnde POP. De meeste CDN’s doen dit door gebruik te maken van een technologie die GeoIP heet.

GeoIP kan worden gezien als een grote opzoektabel die IP-adressen koppelt aan geografische regio’s (land, stad, enz.). Wanneer een verzoek wordt verwerkt, verwijst een CDN naar de tabel en leidt het verkeer van de gebruiker naar de dichtstbijzijnde beschikbare server.

Het cachen van content naar een CDN

Je kan de content cachen (tijdelijk opslaan) op een CDN zodat het veel sneller wordt afgeleverd naar de websitebezoeker dan wanneer het helemaal vanaf de bron zou moeten worden afgeleverd.

Als u een CDN gebruikt, betekent dit dat als iemand content van uw website of mobiele app probeert te openen, het verzoek van die persoon alleen naar een nabijgelegen POP en terug hoeft te reizen, en niet helemaal naar de origin servers van het hostingsbedrijf en terug.

Men kan een cache zien als een grote opslagplaats van sleutelwaarden. Wanneer een verzoek binnenkomt, is het de taak van de cache om te bepalen wat de gebruiker vraagt, de gegevens te lokaliseren, en ze terug te sturen naar de gebruiker.

CDN’s zuiveren (verwijderen en bijwerken) content ook voortdurend, zodat de meest actuele, relevante content wordt geleverd. Ook bekend als content invalidation, stelt purging bedrijven in staat om content bij te werken wanneer dat nodig is.

Wie heeft baat bij het gebruik van een CDN?

Iedereen met een website of mobiele applicatie kan baat hebben bij een CDN. Ze zijn vooral nuttig voor grote, complexe websites met gebruikers verspreid over de hele wereld, en websites of mobiele apps met veel dynamische content.

Enkele van de voordelen die CDN’s uw website kunnen bieden, zijn:

N

Snellere laadtijden voor web- en mobiele gebruikers

N

Snel schaalbaar in tijden van druk verkeer

N

Minimaliseert het risico van verkeerspieken op het punt van oorsprong, waardoor de stabiliteit van de site wordt gewaarborgd

N

Lagere infrastructuurkosten door offloading van verkeer (minder belasting van de oorspronkelijke hosting server)

N

Betere prestaties van de website

Als CDN gebruik ik steeds Cloudflare.

Wat zijn de voordelen met Cloudflare als CDN?

Cloudflare biedt een grote range van servers aan wereldwijd waaruit content van uw website kan worden gecached en worden getoond aan gebruikers wereldwijd.

Buiten de snelheidsoptimalisatie, mits het gebruik van Cloudflare’s CDN, zijn ook de beveiligingsfeatures de moeite waard om te overwegen.

Binnen het professional abonnement wat slechts 20$ per maand kost, heb je de mogelijkheid om stapje verder in snelheidsoptimalisatie als ook de volgende voordelen toe te passen :

N

Gebruik van een firewall ter controle van het verkeer naar uw website

N

Gebruik van een Web Application Firewall (WAF) dat uw website beveiligt tegen cross-site scripting aanvallen

N

Populair en integreerbaar met andere caching plugins

Cloudflare biedt ook een gratis account aan, maar dan ben je echter wel beperkt in de beveiliging van uw website.

Verschillende prijsmodellen zijn op de Cloudflare website beschikbaar en kan je kiezen tussen vier verschillende prijsmodellen :

Cloudflare tarieven

Meer informatie over Cloudflare functies vind je terug in ons artikel : hoe beveilig ik mijn WordPress website.

Conclusies

Wat we steeds aanbevelen bij elk website project is te starten met een blanco blad als een uniek design, flexibiliteit naar de toekomst toe en je veel websitebezoekers verwacht.

WordPress is en blijft een performant Content Management Systeem (CMS) waarop uw bedrijf kan blijven bouwen in de toekomst. Gebruik de juiste plugins en het juiste thema.

Zorg er voor dat uw website bezoekers een optimale weergave krijgen van uw webpagina’s door zowel uw webpagina’s te laten cachen in de webbrowser als de inhoud weer te laten geven vanuit de dichtstbijzijnde CDN server.

Optimaliseer uw afbeeldingen vooraf. Schaal ze in de juiste formaten en benoem ook uw afbeeldingen in de ALT Tag. Op SEO technisch vlak zal uw website organisch belangrijker worden in Google.

Heeft u geen kennis van WordPress of bent u niet vertrouwd met al deze termen vertrouw op een webdesign bureau, zoals het onze, die start van een blanco blad en die gebruikservaring als een essentieel element beschouwt.

Over Patrick Banken

Hij is de oprichter van Bestwordpress Design. Marketeer van opleiding en meer dan 20 jaar ervaring in verkoop en marketing. Hij heeft zowel de salesafdeling verschillende jaren geleid bij Pioneer, in de IT-business Key Account Management en Channel Management doorlopen binnen de Benelux als EMEA.  Ook als distributeur in auto accessoires, kent hij als geen ander de uitdagingen van een zelfstandige ondernemer. Sinds de afgelopen 3 jaar meer gespecialiseerd in webdesign, SEO, social media marketing en strategisch advies. 

Gerelateerde berichten

Geen Resultaten Gevonden

De pagina die u zocht kon niet gevonden worden. Probeer uw zoekopdracht te verfijnen of gebruik de bovenstaande navigatie om deze post te vinden.

Algemene Info

Locatie

Schoonakker 13

9041 Oostakker

Openingsuren

M-F: 6pm – 10pm
Weekends: 10am – 17pm

Steeds op afspraak

DoorPatrick Banken

Als oprichter van Bestwordpress Design en marketeer met meer dan 20 jaar praktijk ervaring bundelt hij zijn opgedane inzichten samen in Bestwordpress Design. Hij richt zich voornamelijk naar zelfstandige handelaars die hun zaak willen digitaliseren.
i

Lees meer

Gerelateerde berichten

Geen Resultaten Gevonden

De pagina die u zocht kon niet gevonden worden. Probeer uw zoekopdracht te verfijnen of gebruik de bovenstaande navigatie om deze post te vinden.

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Pin It on Pinterest