[Complete Guide] WordPress Snelheid Optimalisatie

Andrei Iordache

Andrei Iordache

WordPress Ontwikkelaar

? Ik help mensen online gevonden te worden. WordPress Ontwikkeling, Web Vitals, Beveiliging en Onderhoud.

Verhoog uw WordPress prestaties in een paar eenvoudige stappen

WordPress CMS is een geweldig open source platform, maar de prestaties kunnen soms ondermaats zijn. Of u nu een zakelijke site beheert of gewoon een persoonlijke blog, WordPress snelheidsoptimalisatie verhoogt de laadtijd van uw site en zorgt ervoor dat uw bezoekers de best mogelijke ervaring krijgen, waardoor uw website de Web kerngegevens.

Voor we beginnen, zijn hier enkele eenvoudige stappen die u zullen helpen om uw WordPress website beter te optimaliseren voor optimale prestaties:

  1. Installeer de laatste versie van WordPress.
  2. Werk plugins bij naar hun laatste versies.
  3. Kies een snelle hosting tijdens het installeren van WordPress.
  4. Optimaliseer afbeeldingen voordat u ze naar WordPress uploadt.
  5. Bewerk wp-config.php bestand met aanbevolen instellingen.
  6. Creëer een staging omgeving voor het testen van nieuwe plugin updates voordat ze live gaan op de productie server.
  7. Houd alles up-to-date met de laatste beveiligingspatches en bugfixes van de beheerders van uw favoriete plugins en thema’s, of gebruik tools zoals Sucuri.

Ok, dus wat hierboven is geschreven zijn de eenvoudige stappen om de site snelheid van uw WordPress site te optimaliseren. Nog steeds nieuwsgierig naar hoe u de prestaties van uw site kunt verbeteren? Lees het uitgebreide artikel hieronder.

Hoe de snelheid van uw site te verhogen – Lange handleiding

WordPress is vandaag het populairste CMS op het internet, goed voor minstens 25% van alle online websites. Van een persoonlijke WordPress pagina tot een volledige WooCommerce online winkel, WordPress is een slimme keuze dankzij de uitgebreide keuze aan sjablonen, het gebruiksgemak en de sterke functies die toegankelijk zijn dankzij de duizenden plugins die er voor zijn gemaakt.

De reputatie van WordPress is duizelingwekkend, en als zodanig behandel ik elke week een groot aantal vragen met betrekking tot WordPress, van de eenvoudigste “How to’s”, tot zelfs meer geavanceerde debugging.

Een van de grootste problemen die zich van site tot site voordoet, is de laadtijd.

Ik heb intensief geïnvesteerd in het ontwikkelen van een WordPress hosting infrastructuur die zo snel is als maar kan – Laatste versie SSD opslag, RAID 10, LiteSpeed WebServer, CloudLinux OS, Maria DB, Cloudflare + w/Railgun, en nog veel meer. In vergelijking met de meeste WordPress hosting providers op de markt, is mijn platform voor WordPress al supersnel. Toch waren er nog gevallen waar sommige van mijn klanten snelheidsproblemen hadden, meestal het resultaat van teveel geïnstalleerde plugins(meer plugins, geïnstalleerd zonder echt doel), opgeblazen plugins, of niet geoptimaliseerde thema’s (ja, dit bestaat. Let op waar u uw WordPress themakoopt).

Voordat u begint, raad ik u ten zeerste aan om een back-up te maken van uw WordPress site!

 


Gebruik een licht en goed geoptimaliseerd WordPress Thema

Op de markt van WordPress thema’s vindt u duizenden mooie en opvallende sjablonen. De meeste zijn slecht gecodeerd en zullen uw website vertragen. Als je een eenvoudige blog over koekjesrecepten runt, raad ik je aan de standaard WordPress thema’s te gebruiken. Als u er professioneler uit wilt zien, installeer dan een premium thema.


Inactieve en ongebruikte plugins verwijderen

Een deel van het versnellingsproces is het verwijderen van inactieve of ongebruikte plugins. Kijk ook eens of uw huidige plugins goed werken en geen fouten bevatten. Iedereen heeft de neiging om veel plugins geïnstalleerd te hebben op hun website. Voornamelijk omdat de meeste WordPress plugins GRATIS zijn.

Dit is geen goede zaak voor de snelheid van uw website. Probeer zo weinig mogelijk plugins te installeren, en alleen als je ze nodig hebt. Als u veel onnodige plugins installeert, zullen die een slechte latency veroorzaken op uw website en zal de rendering zeer traag laden.

Natuurlijk, als u iets vindt waarvan u denkt dat het uw website kan helpen, is het de moeite waard om het eens te proberen en het een tijdje te testen.

Om de gezondheid van de plugins te testen, kun je deze plugin gebruiken: Query Monitor. U kunt ook een kans wagen met deze: Download P3 (Plugin Performance Profiler)


WordPress CMS, Thema en Plugins bijwerken

Houd uw WordPress thema en Plugins altijd up to date. Dit is ook een goede beveiligingstip voor de eigenaars van WordPress websites.

  1. ***TIP 1: Voordat je iets update, maak een backup van je hele website.
  2. ***TIP 2: Voordat u iets update, kunt u een tweede – test- website ontwikkelen, om te zien of alles goed werkt.

WordPress afbeelding optimalisatie

WordPress image compression tips
WordPress afbeelding compressie tips

1. Beeldgrootte:

Het uploaden van grote afbeeldingen zal uw WordPress erg traag maken. Waarom zou je een afbeelding van 12MB uploaden, als het apparaat van de bezoeker een afbeelding van slechts 35kb nodig heeft?! Heb logica, toch? Ook als u video’s op uw website wilt hosten, probeer ze dan buiten uw server te hosten. U kunt Youtube, Vimeo of een ander videoplatform proberen. Het is gratis en het is goed.

Het komt ook zelden voor dat een afbeelding met een grootte van 12MB een resolutie heeft van, laten we zeggen 1925×750. Over het algemeen zal de beeldresolutie iets van 5000×3550 zijn. Je hebt dit niet nodig.

Voordat je de foto’s op je server zet, raad ik je aan om een fotobewerkingsprogramma te gebruiken. Persoonlijk raad ik GIMP aan. Het is een Open Source programma, zeer nuttig voor dit soort taken.

Nadat je de foto’s bewerkt hebt, is het goed mogelijk dat je ze niet groot genoeg hebt gemaakt. Maak je geen zorgen..Het is een normale zaak. Voor dit, WordPress komt weer met verschillende plugins. Ik raad WP Smush It of WP Compress aan. Smush it heeft ook een Premium versie, maar de Gratis versie werkt ook prima.

2. Beeldformaat

Het beste afbeeldingsformaat op dit moment, ondersteund door WordPress, is WebP. Dus, wat is WebP?

WebP is een modern afbeeldingsformaat dat superieure lossless en lossy compressie biedt voor afbeeldingen op het web. WebP is ontwikkeld met het doel een evenwicht te vinden tussen kwaliteit en grootte, zodat grote afbeeldingen sneller kunnen worden geladen. Met WebP hebben webmasters ruimte kunnen besparen, de laadtijd van pagina’s kunnen verkorten en een betere gebruikerservaring voor mobiele apparaten kunnen bieden.

WebP is een modern afbeeldingsformaat dat in 2010 door Google is gecreëerd. Het doel is een evenwicht te vinden tussen kwaliteit en grootte, zodat grote afbeeldingen sneller kunnen worden geladen op mobiele toestellen met trage verbindingen of oude browsers. Het werd aanvankelijk in 2013 geïntroduceerd als een optie voor Chrome OS, maar is sinds september 2015 (via een update) beschikbaar gemaakt voor alle gebruikers van Chrome.

Het grootste probleem met WebP is dat de Safari browser dit formaat nog steeds niet herkent. En, ja: een groot deel van uw publiek gebruikt de Safari-browser.

Sinds de WordPress 5.8 update, heeft WordPress (eindelijk) de beslissing genomen om het WebP formaat te implementeren. Lees hier meer over WordPress 5.8: WordPress Tatum

Hoe dan ook, WebP is niet het nieuwste formaat. U hebt misschien al gehoord over het Avif-formaat. Het is het nieuwste formaat en u kunt veel besparen op de grootte van de website door dit formaat te gebruiken. Helaas, WordPress ondersteunt Avif nog niet.

U kunt hier meer lezen: Avif vs WebP


GZIP compressie

WordPress GZIP Compression
WordPress GZIP compressie

Hoe kleiner uw website, hoe sneller het apparaat van uw klant de website zal laden. En, in onze dagen, meer dan de helft van de internet “spelers” gebruiken mobiele apparaten, dus ik stel voor dat je wat moeite in het leveren van een klein formaat WordPress website te zetten.

Gewoonlijk zal de GZIP compressie uw website verkleinen met ongeveer 55-68 van de grootte van uw website. Als uw website kleiner is, zal hij sneller laden.

Er zijn een heleboel Gratis GZIP WordPress plugins op de markt. Je hebt de vrije keuze wat je wilt.


WordPress Hotlinking uitschakelen

Hotlinking is een woord dat de volgende actie beschrijft: Telkens wanneer iemand een afbeelding van uw website kopieert en op zijn eigen website plakt, gebruikt hij uw hostingbronnen, niet zijn eigen bronnen. Dit betekent dat de bandbreedte en het geheugen van uw website zullen worden aangetast. Niet erg veel van slechts 1 beeld, maar als we praten over 1k beelden, is dat slecht.

Het goede deel van Hotlinking is de SEO backlinks die je van die websites kunt krijgen. Maar het is niet gegarandeerd.

Om de afbeeldingen op uw website te beschermen en hotlinking te voorkomen, voegt u deze regels toe aan uw WordPress .httaccess:

<<< COD >>>
RewriteEngine aan
RewriteCond %{HTTP_REFERER}!^$
RewriteCond %{HTTP_REFERER}!^http(s)?://(www.)?EXAMPLE.com [NC] RewriteCond %{HTTP_REFERER}!^http(s)?://(www.)?google.com [NC] RewriteCond %{HTTP_REFERER}!^http(s)?://(www.)?feeds2.feedburner.com/EXAMPLE [NC] RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L] >>>COD<<<

Ik heb Feedburner’s afbeeldingen uitgesloten, om ze correct te laten verschijnen in je live feeds (Facebook, Twitter, etc).


WordPress Caching

1. Wat is WordPress Caching?

WordPress caching is een techniek die de gebruikerservaring verbetert door statische bronnen zoals afbeeldingen en scripts uit de server cache te laden. Telkens wanneer u de inhoud van uw website update, zal de Server Side Cache alleen de kleine code nieuw ingevoegd, en houdt de oude versie in dezelfde grootte en structuur.

Veel webhosting providers bieden een ingebouwde caching service zoals Memcached of Redis, maar WordPress kan ook van die systemen gebruik maken. Hiervoor moet je het volgende commando invoegen, in de wp-config.php:

define('WP_CACHE', true);

Om eerlijk te zijn, het bovenstaande commando doet absoluut niets, behalve WordPress laten controleren of wp-content/advanced-cache.php aanwezig is en het dan laden om pagina caching mogelijk te maken.

WordPress heeft een ingebouwde object cache. Het kan werken zonder WP_CACHE te definiëren, maar het is niet-persistent, wat betekent dat de inhoud van deze cache wordt weggegooid wanneer de webbrowser of het systeem wordt afgesloten.

Toch is het nog steeds nuttig om de ingebouwde WordPress object cache te gebruiken als je geen andere plugin wilt installeren voor caching doeleinden.

2. Wat zijn de beste WordPress caching plugins?

Er zijn veel goede plugins, sommige gratis en sommige premium. Hieronder zal ik een lijst noemen met de gratis exemplaren:

a.WP Super Cache

b.W3 Total Cache


JS en CSS Minificatie

Als je al een WordPress snelheidstest hebt gedaan met Google PageSpeed Insights, GTmetrix, Pingdoom en zo, dan krijg je misschien een waarschuwing dat je de JavaScript en CSS bestanden moet minifiëren. Dit betekent dat je de JS en CSS aanroepen moet verminderen om de server response tijd te verminderen. Dit zal u ook helpen om het bandbreedtegebruik van de server te besparen.

Er zijn veel manieren om te minifiëren. U kunt dit handmatig doen (wat ik ten zeerste aanbeveel) of met behulp van een WordPress cache plugin. Mijn tweede aanbeveling is om LiteSpeed plugin te gebruiken. Een derde aanbeveling is Autoptimize – Een goede plugin waar ik in het verleden mee gewerkt heb.


WordPress bestanden en WordPress database in hetzelfde datacentrum

De nabijheid van de bestanden en codes wordt sterk aanbevolen, dus moet u ervoor zorgen dat beide op dezelfde plaats worden gehost. Dit zal uw WordPress Prestaties verhogen en zorgen voor een geweldige gebruikerservaring.

Om na te gaan of de bestanden en de databank in hetzelfde datacentrum zijn opgeslagen, kunt u uw hostingprovider vragen. Op mijn WordPress Hosting Awesome Server, houd ik de bestanden en de database op dezelfde locatie, dus de prestaties van mijn klanten websites is zeer goed.


Vergeet niet uw WordPress database op te schonen

Het verwijderen van onnodige gegevens uit uw website database zal de grootte ervan zeer laag houden, en uw Database prestaties zullen optimaal zijn. Deze actie kan ook de backupgrootte van uw
website.

***Herinnering*** – Elke keer dat u iets doet aan uw WordPress website, doe een BACKUP! Je zult me later bedanken.

Meestal zul je de ongebruikte kladversies van je berichten opschonen, maar je kunt je ook ontdoen van spam commentaren, spammy nep gebruikers, enz. . WordPress Database Opschonen zal, als het goed is, uw WordPress snelheid verhogen.

 


Hoe kan ik mijn WordPress snelheid testen?

Eerst en vooral moet u de huidige snelheid van uw website bekijken. Vergeet niet dat de snelheid kan verschillen van bericht tot bericht, of pagina tot pagina, omdat het afhangt van meerdere factoren:

  • Wat is de configuratie van uw hosting server? Is het goed genoeg voor uw site?
  • Welk WordPress thema gebruikt u? Is het een licht thema of een opgeblazen thema (een zwaar thema)?
  • Hoeveel plugins zijn er geïnstalleerd? Hoeveel zijn er geactiveerd? Hoeveel van hen gebruikt u eigenlijk op de website?
  • Hoeveel inhoud heb je op die pagina/post.
  • Hoeveel media-inhoud heb je daar.
  • Wat voor soort media-inhoud het is: Beeld of Video.
  • De grootte van die specifieke pagina;
  • Hoeveel verzoeken het genereert;
  • Gebruikt u een caching oplossing voor die website?

Om te weten te komen wat uw WordPress snelheid is, kunt u deze websites gebruiken:

De homepage van een website wordt meestal gebruikt als benchmark om de laadtijd te testen. Om de snelheid van uw WordPress Website te controleren, worden de volgende vier tools online veel gebruikt en kunnen een goed punt zijn van waaruit u kunt beginnen:

  1. WebPageTest.org
  2. GTmetrix
  3. Pingdom.com

  4. PageSpeed Inzichten
    (Hier kunt u belangrijke factoren vinden over wat uw website nu eigenlijk vertraagt)
  5. Web.dev

Lees meer: Hoeveel kost het om een WordPress website te bouwen en te beheren?

Dien uw gastpost in

Vorig bericht
[SOLVED] Uw winkelwagen is momenteel leeg Fout – WooCommerce
Volgend bericht
13 veel voorkomende WordPress-fouten [en hoe ze te herstellen]
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.
js_loader

Dien uw gastpost in

Diensten

WordPress Website Maintenance Services

WordPress Onderhoudsdiensten

WordPress website onderhoudsdienst die cloud back-ups, noodhulp, wekelijkse website updates, snelheid en nog veel meer biedt.

sally

WordPress Migratie Service

Zet uw WordPress website veilig over naar een nieuwe locatie voor $75. … Migreer uw website naar de nieuwe host.

lawyer-office

Advocaat Web Design

Wij zijn gespecialiseerd in website ontwerp, internet marketing en SEO voor advocaten en juristen in heel Europa en de VS.