{"id":1788,"date":"2024-10-02T15:07:48","date_gmt":"2024-10-02T13:07:48","guid":{"rendered":"https:\/\/mijn.host\/blog\/?p=1788"},"modified":"2024-10-02T15:09:35","modified_gmt":"2024-10-02T13:09:35","slug":"wordpress-website-sneller-maken","status":"publish","type":"post","link":"https:\/\/mijn.host\/blog\/wordpress-website-sneller-maken\/","title":{"rendered":"6 manieren om je WordPress website sneller te maken in 2024"},"content":{"rendered":"\n<p>Er zijn tientallen knoppen waar je aan kunt draaien als je je WordPress website sneller wilt maken.<\/p>\n\n\n\n<p>Maar zoals vaak het geval is, gaat ook hier de 80\/20-regel (80% van het resultaat wordt bereikt met 20% van de input) op. En zien we dat er eigenlijk nauwelijks meer dan een handvol zaken zijn die er \u00e9cht toe doen bij het sneller maken van een WordPress site.&nbsp;<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"zo-maak-je-je-wordpress-website-sneller\"><strong>Zo maak je je WordPress website sneller<\/strong><\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"1-kies-een-lichtgewicht-wordpress-thema\"><strong>1. Kies een lichtgewicht WordPress thema<\/strong><\/h3>\n\n\n<p>Een WordPress website met een traag thema snel proberen te krijgen is bijna altijd een verloren zaak.<\/p>\n\n\n\n<p>Tuurlijk, je kunt je met een traag thema onderdompelen in uren aan technische YouTube video\u2019s om de boel te versnellen, maar geloof ons: het is alsof je een huis op een rotte fundering bouwt. Vroeg of laat stort de boel in elkaar.<\/p>\n\n\n\n<p>Hoe weet je of een thema traag is vraag je je misschien af? Wat verstandig is, is om een demo pagina van een thema altijd even door een snelheidstool halen zoals PageSpeed Insights. Dat geeft je een aardig idee:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"807\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/pagespeed-thema.png\" alt=\"Google PageSpeed score van een WordPress thema. \" class=\"wp-image-1789\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/pagespeed-thema.png 987w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/pagespeed-thema-300x245.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/pagespeed-thema-768x628.png 768w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/figure>\n\n\n\n<p>(Bedenk je wel dat een demo pagina echter nog niet over zware plugins beschikt.)<\/p>\n\n\n\n<p>Bij het kiezen van een thema raden we in de meeste gevallen aan een van de \u201cbewezen\u201d WordPress thema\u2019s te kiezen die zijn gebaseerd op de Gutenberg editor.<\/p>\n\n\n\n<p>Voorbeelden van zulke thema\u2019s zijn:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/nl.wordpress.org\/themes\/kadence\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence<\/a> (extreem veelzijdig en makkelijk te gebruiken voor beginners)<\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noreferrer noopener\">GeneratePress<\/a> (meer geschikt door mensen met een developer achtergrond)<\/li>\n\n\n\n<li><a href=\"https:\/\/nl.wordpress.org\/themes\/blocksy\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocksy<\/a> (fris ogend thema wat makkelijk op te pikken is)<\/li>\n<\/ul>\n\n\n\n<p>Het goede nieuws: deze thema\u2019s zijn allemaal multifunctioneel (je kunt er iedere site mee in elkaar zetten die je maar kunt bedenken) en hebben bovendien een gratis versie.<\/p>\n\n\n\n<p>Met dit soort thema\u2019s heb je bovendien ook niet een pagebuilder nodig zoals Elementor, die je site ook behoorlijk kan vertragen. &nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"2-gebruik-de-juiste-caching-plugin\"><strong>2. Gebruik (de juiste) caching plugin<\/strong><\/h3>\n\n\n<p>Een caching plugin slaat een versie van je webpagina\u2019s op voor toekomstige bezoekers. Dat betekent dat WordPress niet elke keer de volledige pagina hoeft te genereren wanneer iemand je site bezoekt.<\/p>\n\n\n\n<p>In plaats daarvan wordt een eerder opgeslagen versie (de cache) geserveerd, wat leidt tot snellere laadtijden en minder belasting van de server. Vooral tijdens piekmomenten in verkeer zorgt dit ervoor dat je website snel blijft laden.<\/p>\n\n\n\n<p>Gebruik je een webhosting die zich van LiteSpeed servers bedient (zoals wijzelf van <a href=\"https:\/\/mijn.host\/\">mijn.host<\/a>), dan kun je gebruik maken van de gratis <a href=\"https:\/\/wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiteSpeed cache<\/a> plugin. Naast dat je met deze plugin je pagina\u2019s kunt cachen, kun je hem ook gebruiken om je afbeeldingen te optimaliseren (hierover meer hieronder).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/litespeed-cache.png\" alt=\"LiteSpeed cache pagina. \" class=\"wp-image-1792\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/litespeed-cache.png 1000w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/litespeed-cache-300x191.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/litespeed-cache-768x490.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Gebruik je een host zonder LiteSpeed technologie, overweeg dan een plugin zoals FlyingPress of WPRocket.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"3-wissel-van-webhost\"><strong>3. Wissel van webhost<\/strong><\/h3>\n\n\n<p>Je hosting provider heeft ook een enorme impact op de snelheid van je website.<\/p>\n\n\n\n<p>De laatste jaren heeft er een enorme consolidatie slag plaats gevonden binnen de Nederlandse hosting wereld. Bij veel van de providers die zijn overgekocht, is de focus op hardware innovatie verminderd. Dit op zijn beurt heeft geleid tot minder snelle laadtijden.<\/p>\n\n\n\n<p>Als je het vermoeden hebt dat het je hosting provider de bottleneck is binnen de snelheid van je website, dan kan het lonen om over te stappen.<\/p>\n\n\n\n<p>Onze <a href=\"https:\/\/mijn.host\/wordpress-hosting\/\">WordPress hosting diensten<\/a> zijn niet verkeerd om te overwegen. Al sinds jaar en dag scoren we ontzettend hoog binnen <a href=\"https:\/\/mijn.host\/blog\/getest-als-snelste-webhoster-van-2022\/\">onafhankelijke hosting snelheidstesten<\/a>.<\/p>\n\n\n\n<p>De reden hiervoor is simpel: we investeren niet alleen in de allersnelste hardware die we zelf beheren, maar werken ook keihard aan optimalisaties die op WordPress gericht zijn.&nbsp; &nbsp;<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"4-gebruik-een-cdn-als-je-veel-buitenlandse-bezoekers-ontvangt\"><strong>4. Gebruik een CDN (als je veel buitenlandse bezoekers ontvangt)<\/strong><\/h3>\n\n\n<p>Een Content Delivery System (CDN) werkt als een soort van caching systeem in dat het delen van je site opslaat in servers over de hele wereld. Bezoekers krijgen vervolgens een versie van je site te zien die op de server staat die het meest in hun buurt is, wat je laadtijden ten goede komt.<\/p>\n\n\n\n<p>CDN\u2019s voegen weinig toe als je bezoekers uit slechts een enkel land ontvangt \u2013 sterker nog, je site kan trager worden dan wanneer je <em>geen<\/em> CDN gebruikt.<\/p>\n\n\n\n<p>Echter, wanneer je site een internationaal publiek aantrekt, is een CDN een <em>must<\/em>.<\/p>\n\n\n\n<p>Er zijn talloze betaalde CDN\u2019s, maar voor veel websites is een gratis CDN van een partij als <a href=\"https:\/\/www.cloudflare.com\/en-gb\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudflare<\/a> of <a href=\"https:\/\/www.quic.cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">QUIC.cloud<\/a> meer dan voldoende.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"5-verwijder-onnodige-plugins\"><strong>5. Verwijder onnodige plugins<\/strong><\/h3>\n\n\n<p>We komen nog wel eens websites tegen waar tientallen plugins op ge\u00efnstalleerd staan. En vaak hebben sommige van deze plugins ook nog eens overlappende functionaliteit.<\/p>\n\n\n\n<p>Zorg dat iedere plugin die op je site ge\u00efnstalleerd staat een doel dient. Is dit niet het geval, verwijder de plugin dan van je website.<\/p>\n\n\n\n<p>Naast dat dit je site kan versnellen, maakt dit je site net een slagje robuuster: iedere plugin die je gebruikt zou namelijk kunnen conflicteren met een andere plugin of je WordPress thema.<\/p>\n\n\n\n<p>Genoeg redenen om zo min mogelijk WordPress plugins op je site ge\u00efnstalleerd te hebben dus.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"556\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/wordpress-plugins.png\" alt=\"Lijst van WordPress plugins. \" class=\"wp-image-1793\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/wordpress-plugins.png 1000w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/wordpress-plugins-300x167.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/wordpress-plugins-768x427.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"6-optimaliseer-je-afbeeldingen\"><strong>6. Optimaliseer je afbeeldingen<\/strong><\/h3>\n\n\n<p>Afbeeldingen kunnen nogal wat ruimte innemen. Een niet-geoptimaliseerde afbeelding kan al snel een paar megabyte beslaan. Dit is dodelijk voor de laadtijden van je website.<\/p>\n\n\n\n<p>Wanneer je gebruik maakt van het eerdergenoemde LiteSpeed Cache, kun je hiermee de afbeeldingen die je aan je WordPress mediabibliotheek toevoegt automatisch laten verkleinen.<\/p>\n\n\n\n<p>Er zijn ook andere plugins die dit voor je kunnen doen.<\/p>\n\n\n\n<p>Nog een optie is om een gratis dienst als <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG<\/a> te gebruiken.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"hoe-kom-je-erachter-of-je-wordpress-website-traag-is\"><strong>Hoe kom je erachter of je WordPress website traag is?<\/strong><\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"voel-zelf-hoe-snel-je-website-laadt\"><strong>\u201cVoel\u201d zelf hoe snel je website laadt<\/strong><\/h3>\n\n\n<p>Een van de beste manieren om de snelheid van je site te testen, is door jezelf in de schoenen van je bezoekers te plaatsen.<\/p>\n\n\n\n<p>Open je site in een incognito browser tab op zowel je computer als je telefoon en klik door een stuk of 10 pagina\u2019s.<\/p>\n\n\n\n<p>Zijn er haperingen, of laden onderdelen van je pagina op een niet-elegante manier in? Dan heb je werk aan de winkel.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"zie-wat-google-search-console-te-zeggen-heeft\"><strong>Zie wat Google Search Console te zeggen heeft<\/strong><\/h3>\n\n\n<p>Sinds een paar jaar zijn Google\u2019s Core Web Vitals een onderdeel van hun ranking algoritme. Core Web Vitals is een set statistieken waarmee de daadwerkelijke gebruikerservaring wordt gemeten op het gebied van laadprestaties, interactiviteit en visuele stabiliteit van de pagina.<\/p>\n\n\n\n<p>Hoe je Core Web Vitals erbij staan, kun je zien in Google Search Console.<\/p>\n\n\n\n<p>Wanneer het groen is wat de klok staat, hoef je je nergens zorgen over te maken.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"742\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/core-web-vitals.png\" alt=\"Core Web Vitals. \" class=\"wp-image-1794\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/core-web-vitals.png 926w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/core-web-vitals-300x240.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/core-web-vitals-768x615.png 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<p>Wanneer URL\u2019s op je pagina worden gekenmerkt als \u201cpoor\u201d of \u201cneed improvement\u201d daarentegen, dan moet je aan de slag.<\/p>\n\n\n\n<p>Zorg dat je je Core Web Vitals minstens eens in de paar maanden bekijkt in Google Search Console. Dat je pagina\u2019s Core Web Vitals op een bepaald moment passeren, betekent niet dat dit in de toekomst ook zo is.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"gebruik-een-snelheidstool\"><strong>Gebruik een snelheidstool<\/strong><\/h3>\n\n\n<p>Er zijn een aantal snelheidstools die je kunt gebruiken om de snelheid van je website\u2019s pagina\u2019s te meten. GTMetrix is een bekend voorbeeld. Maar <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a> is ook een uitstekende tool die bovendien helemaal gratis is, en door Google zelf wordt beheerd.<\/p>\n\n\n\n<p>Je kunt met deze tool per pagina zien hoe goed deze scoort op zowel mobiele apparaten als op desktop (de mobiele score is hier het belangrijkst, omdat Google een <em>mobile-first<\/em> filosofie heeft).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"794\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed.png\" alt=\"PageSpeed Insights score. \" class=\"wp-image-1795\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed.png 1000w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-300x238.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-768x610.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Erg handig aan PageSpeed Insights is ook dat je op een extreem gedetailleerd niveau te zien krijgt waar nog winst te behalen is betreft het sneller maken van je website.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"922\" src=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-2.png\" alt=\"\" class=\"wp-image-1796\" srcset=\"https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-2.png 1000w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-2-300x277.png 300w, https:\/\/mijn.host\/blog\/wp-content\/uploads\/2024\/10\/google-pagespeed-2-768x708.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"waarom-is-het-zo-belangrijk-dat-je-wordpress-site-snel-is\"><strong>Waarom is het zo belangrijk dat je WordPress site snel is?<\/strong><\/h2>\n\n\n<p>Kort samengevat zijn dit de belangrijkste redenen waarom het belangrijk is om een snelle website te hebben:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website snelheid is een Google ranking factor<\/li>\n\n\n\n<li>Je maakt je bezoekers er gelukkiger mee<\/li>\n\n\n\n<li>Een snelle site converteert beter<\/li>\n<\/ul>\n\n\n\n<p>Dit laatste is keer op keer bewezen middels meerdere case studies, waaronder een van Vodafone die haar sales met <a href=\"https:\/\/web.dev\/case-studies\/vodafone\" target=\"_blank\" rel=\"noreferrer noopener\">8% wist te verhogen<\/a> door de LCP (wat deel uitmaakt van de Core Web Vitals) met 31% te verbeteren.<\/p>\n\n\n\n<p>Kortom, er zijn genoeg belangrijke redenen om je site zo snel mogelijk te krijgen. &nbsp;<\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Er zijn tientallen knoppen waar je aan kunt draaien als je je WordPress website sneller wilt maken. Maar zoals vaak het geval is, gaat ook hier de 80\/20-regel (80% van het resultaat wordt bereikt met 20% van de input) op. En zien we dat er eigenlijk nauwelijks meer dan een handvol zaken zijn die er [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1791,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"hide_cta_migrate_site":false,"hide_toc_block":false,"footnotes":""},"categories":[40,39],"tags":[],"class_list":["post-1788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks","category-wordpress"],"_links":{"self":[{"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/posts\/1788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/comments?post=1788"}],"version-history":[{"count":2,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/posts\/1788\/revisions"}],"predecessor-version":[{"id":1797,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/posts\/1788\/revisions\/1797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/media\/1791"}],"wp:attachment":[{"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/media?parent=1788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/categories?post=1788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mijn.host\/blog\/wp-json\/wp\/v2\/tags?post=1788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}