De snelheid van jouw website optimaliseren

Heb je jouw site gebouwd met een cms? Dan gebruik je hoogstwaarschijnlijk plugins. Hoe meer plugins je gebruikt, hoe zwaarder (en trager) je website wordt. Daarom is het goed om kritisch naar je plugins te kijken.

Oplossing

• Schakel plugins uit die je niet meer nodig hebt. Gebruik je WordPress? Dan is het verstandig om ongebruikte plugins niet alleen uit te schakelen, maar ook te verwijderen. Uitgeschakelde WordPress-plugins kunnen namelijk nog steeds zorgen voor een langere laadtijd, of zelfs kwetsbaarheden in je website.
• Vermoed je dat een specifieke plugin (bijvoorbeeld een plugin die je onlangs geïnstalleerd hebt) jouw website traag maakt? Schakel deze dan tijdelijk uit of controleer het error log om te zien of de plugin veel PHP-fouten veroorzaakt. Lijkt het probleem inderdaad bij de plugin te liggen? Dan kun je deze vervangen door een alternatieve (lichtere) plugin. Je leest in de handleiding PHP-error-logging inzien hoe je jouw error log opent. Gebruik je Performance Hosting of heb je een VPS? Dan vind je jouw error log in het Plesk Control Panel via 'Websites & Domains' > File Manager’ > ‘Logs’ > 'error_log'.

Ook je PHP-versie heeft invloed op de snelheid van jouw website. Over het algemeen geldt: hoe nieuwer de PHP-versie, des te sneller je website. Daarom is het verstandig om je PHP-versie te controleren en waar nodig over te stappen naar een nieuwere versie.

Oplossing

• Gebruik je een shared webhostingoplossing, zoals webhosting of WordPress? Dan kun je in Mijn Hostnet jouw PHP-versie controleren en aanpassen.
• Gebruik je Performance Hosting of VPS Hosting? Dan volg je deze stappen om je PHP-versie te bekijken en aan te passen:
  • Log in op Plesk.
  • Ga naar ‘Websites en domeinen’.
  • Controleer bij de betreffende domeinnaam achter ‘PHP-instellingen’ welke PHP-versie is ingesteld.
  • Wil je de PHP-versie wijzigen? Klik dan op ‘PHP-instellingen’ en kies via het dropdownmenu achter ‘PHP-versie’ jouw nieuwe PHP-versie.
• Gaat er door het wijzigen van de PHP-versie iets mis op je site? Verhelp dan de betreffende PHP-fout(en). Lukt dit niet direct? Dan kun je tijdelijk terugschakelen naar de PHP-versie waarop je site wél goed werkte.

Iedere keer dat een internetgebruiker jouw website bezoekt, moet je site gedownload worden van de server. Dit heeft invloed op de laadtijd van je website. Met behulp van caching kun je dit verbeteren. Via caching wordt er tijdelijk een kopie van jouw website opgeslagen in de browser van je bezoeker. Zo laadt je website bij een volgend bezoek veel sneller.

Oplossing

• Gebruik je een cms? Dan gebruik je een caching-plugin. Instructies vind je in de handleidingen Caching gebruiken in WordPress, Caching gebruiken in Joomla! en Caching gebruiken in PrestaShop.
• Heb je jouw site zelf geprogrammeerd? Dan is een wijziging van de http-headers de meest effectieve manier om caching te gebruiken. Dit doe je op ons platform door het plaatsen of wijzigen van het .htaccess-bestand. Hieronder vind je een voorbeeld van een .htaccess-bestand waarin de module 'mod_expires' wordt gebruikt. In deze module kun je aangeven hoe lang verschillende bestandstypes in de cache van de browser worden opgeslagen.
  
  

  <IfModule mod_expires.c>
  
      ExpiresActive On
  
      ExpiresByType image/jpg "access 1 year"
  
      ExpiresByType image/jpeg "access 1 year"
  
      ExpiresByType image/gif "access 1 year"
  
      ExpiresByType image/png "access 1 year"
  
      ExpiresByType text/css "access 1 month"
  
      ExpiresByType text/html "access 1 month"
  
      ExpiresByType application/pdf "access 1 month"
  
      ExpiresByType text/x-javascript "access 1 month"
  
      ExpiresByType application/x-shockwave-flash "access 1 month"
  
      ExpiresByType image/x-icon "access 1 year"
  
      ExpiresDefault "access 1 month"
  
  </IfModule> 

De meeste websites hebben 1 of meerdere databases. Hierin staan verschillende gegevens opgeslagen. Bijvoorbeeld website-teksten, instellingen van je website en (in het geval van een webshop) productgegevens. Het ophalen van databasegegevens kost uiteraard tijd. Door dit efficiënter in te richten, kun je de laadtijd van je site verbeteren.

Oplossing

• Controleer eerst of je al jouw scripts nog nodig hebt. Verwijder de scripts die je niet meer wilt gebruiken. Ga voor de overgebleven scripts na of deze correct werken en voldoende efficiënt zijn.
• Je herkent problemen met scripts aan PHP-fouten in je error log. Gebruik je shared webhosting? Lees dan in de handleiding PHP-error-logging inzien hoe je jouw error log opent. Gebruik je Performance Hosting of heb je een VPS? Dan vind je jouw error log in het Plesk Control Panel via 'Websites & Domains' > File Manager’ > ‘Logs’ > 'error_log'.
• Is je website trager geworden nadat je een wijziging maakte in een script? Overweeg dan om een recente back-up terug te plaatsen en zo het probleem te verhelpen.

De meeste websites hebben 1 of meerdere databases. Hierin staan verschillende gegevens opgeslagen. Bijvoorbeeld website-teksten, instellingen van je website en (in het geval van een webshop) productgegevens. Het ophalen van databasegegevens kost uiteraard tijd. Door dit efficiënter in te richten, kun je de laadtijd van je site verbeteren.

Oplossing

• Gebruik je een cms? Dan kun je via een plugin jouw database optimaliseren. Zo’n plugin controleert bijvoorbeeld welke zoekopdrachten in je database voor de meeste vertraging zorgen, en zoekt hier een oplossing voor. Een bekende plugin voor WordPress is Query Monitor.
• Gebruik je een VPS? Ook dan zijn er verschillende tools beschikbaar om je te helpen jouw databases te optimaliseren. Denk aan een licentie van New Relic. Deze kun je zelf installeren op jouw VPS. Als je Performance Hosting of een Managed VPS gebruikt, geldt dat wij de licentie voor je kunnen installeren.

Ook de afbeeldingen op jouw site kunnen de laadtijd beïnvloeden. Vooral wanneer het grote bestanden betreft. Gelukkig kun je hier gemakkelijk iets aan doen.

Oplossing

• Afbeeldingen hebben van nature een vrij grote bestandsgrootte. Daarom raden we aan om afbeeldingen die je niet langer op je website toont, te verwijderen.
• Het is verstandig om de overgebleven afbeeldingen te comprimeren. Hierdoor verliest iedere afbeelding iets aan kwaliteit, maar win je enorm in snelheid. Een handige tool is Compressor.io.
• Veelgebruikte afbeeldingen kun je samenvoegen tot css-sprites. Dit minimaliseert het aantal http-requests en verkleint de totale bestandsgrootte van de afbeeldingen.
• Video’s zijn lastiger te comprimeren of samen te voegen. Natuurlijk kun je video’s wel extern uploaden (bijvoorbeeld via YouTube) en deze embedden op je site. Ook dat draagt bij aan een kortere laadtijd.
• Het is ook mogelijk om je website-bestanden te verkleinen via Gzip-compressie. In onze handleiding Gebruikmaken van Gzip-compressie lees je hoe je aan de slag gaat.

Afbeeldingen worden standaard allemaal tegelijk ingeladen. Zonde, want dit verhoogt de laadtijd van je site. Door lazy loading in te schakelen, worden de afbeeldingen vervangen door een kleinere placeholder. Pas wanneer je bezoeker richting de afbeelding scrolt, wordt deze geladen. Dit werkt een stuk efficiënter.

Oplossing

• Gebruik je een cms? Dan kun je via een plugin lazy loading instellen. Voor WordPress is bijvoorbeeld de plugin W3 Total Cache beschikbaar.
• Heb je jouw site zelf geprogrammeerd? Dan kun je de lazy loading verwerken in de code van je site. Hieronder zie je een voorbeeld van code waarin voor een afbeelding lazy loading is ingesteld. Wil je meer weten? Lees dan de informatie op de website van Mozilla.
  
  

  <img src="afbeelding.jpg" alt="..." loading="lazy" />

Css en JavaScript worden vaak in meerdere kleine bestanden gebruikt, zodat de programmeur het overzicht behoudt. Het gebruik van veel bestanden kan de snelheid van jouw website beïnvloeden, doordat er meer http-requests gedaan worden dan eigenlijk nodig is.

Oplossing

• Je kunt ervoor kiezen om alle code achter elkaar in 1 bestand te plaatsen. Of je kunt de techniek ‘minification’ gebruiken. Deze techniek haalt overbodige spaties en witregels uit de broncode. Heb je jouw site zelf geprogrammeerd? Dan kun je via build tools zoals Gulp of Webpack minification toepassen. Gebruik je WordPress? Dan kun je minification toepassen via een plugin. Bijvoorbeeld de plugin WP Super Minify.
• Gebruik je css- of JavaScript-bestanden op meerdere pagina's? Zorg dan dat deze bestanden op iedere pagina tegelijk worden aangeroepen. Zo kan de browser de bestanden correct cachen. Laad eerst de css-bestanden en daarna pas de JavaScript-bestanden. Eventueel kun je ook alleen de belangrijkste css- en JavaScript-bestanden tussen de <head>-tags aanroepen en de overige bestanden pas helemaal aan het einde van de <body>-tag aanroepen.

Een verouderd cms is niet bevorderlijk voor de snelheid van je site. Daarom raden we je aan om je cms altijd up-to-date te houden.

Oplossing

• Update je cms. Op onze Helpdesk vind je instructies voor het updaten van WordPress en het updaten van Joomla!.

Benieuwd naar meer manieren om de snelheid van je website te verbeteren? Met behulp van Google PageSpeed Insights kun je nog meer leren over het optimaliseren van je website.