Blog – 5 tips om website snelheid te verhogen

Bekijk in het EngelsEindelijk heb je dat je website of blog in de lucht en je begint deze te vullen met nuttige inhoud. Na enkele lappen tekst en een berg aan fotomateriaal merk je echter dat je website snelheid steeds lager word en het word zelfs zo erg dat je lezers al wegklikken voordat je site helemaal geladen is. Tijd om je website een flinke zet in de rug te geven. Leer hoe je jouw website snelheid eenvoudig verhoogt met deze 5 simpele tips!

1: Cachen is koning!

website snelheidWebsite cachen is een simpele maar enorm effectieve methode om de werklast van je webserver wat te verlichten en zo je website sneller te laten laden. Cachen houdt in dat je verschillende pagina’s als eenvoudige tijdelijke HTML files verstuurd naar de lezer, zodat deze niet meer eerst hoeft te wachten tot jouw servers een frisse nieuwe versie van de pagina geladen hebben. Ook de gecachte versie vaak makkelijk en sneller binnen te halen voor de eindgebruiker. Deze caches kunnen om de paar minuten ververst worden, maar dit maakt is nog altijd vele malen sneller dan het maken van een nieuwe versie voor elke bezoeker die je hebt. Dit is dus voordeliger en sneller voor de eindgebruiker, maar ook voor jouw servers.

Er zijn meerdere manieren om dit te gebruiken om jouw website of blog sneller te maken, maar vooral voor WordPress gebruikers is het gedaan in een handomdraai. Er zijn meerdere plugins die je caches geheel automatisch instellen. W3 Total cache is waarschijnlijk de meest krachtige en veelzijdige, maar daarom ook de lastigste om in te stellen. Verder had deze plugin bij mij wat conflicten met andere plugins en moest ik deze daarom weer uitschakelen. Ik ben toen overgestapt op WP Super cache. Dit heeft vele malen minder functies, maar is ook bijna meteen helemaal ingesteld. Dit is vooral aan te raden voor de wat nieuwere gebruiker.

2: laad je Javascript bibliotheek direct vanaf Google!

Javascript libraryEen tweede enorm effectieve manier om de snelheid van jouw blog of website te verhogen is de servers van Google gebruiken. Je kan hier bepaalde vaak gebruikte Javascript bibliotheken vanaf laten halen, en zo jouw eigen servers ontlasten terwijl de eindgebruiker de internationale en razendsnelle servers van Google gebruikt voor een groot deel van je website. Google is aardig genoeg geweest door deze openbaar toegankelijk te maken en zo het gebruikersgemak voor iedereen te verhogen.

Wederom is dit voor WordPress gebruikers een fluitje van een cent en hoef je slechts een plugin te installeren. De plugin kijkt welke bibliotheken er gebruikt worden op jouw website of blog en stuurt de eindgebruiker dan daarvoor door naar de locatie op de servers van Google. Je website snelheid is zo binnen luttele seconden een stuk hoger geworden!

3: Verhoog de website snelheid door het combineren van codes

Een derde manier om de snelheid van je website of blog eenvoudig te verhogen is door het combineren van verschillende gebruikte codes. Dit verminderd het aantal keer dat een gebruiker jouw servers moet aanspreken en daardoor de tijd die het duurt voor je site geladen is. Zo kun je bijvoorbeeld jouw Javascript code samenvoegen met de CSS.

Wederom is dit voor WordPress gebruikers te doen door een simpele plugin te installeren. Deze minify-tool combineert de verschillende codes in een enkele code waardoor je website gelijk een stuk sneller wordt!

4: Combineer afbeeldingen om de website snelheid te verhogen

Een andere krachtige methode om de snelheid van je website te verhogen is het samenvoegen van verschillende statische afbeeldingen tot één grote sprite. Dit zorgt er ook voor dat de eindgebruiker minder vaak jouw servers hoeft te benaderen en verkleind de totale grote van de afbeeldingen, zodat de website op twee vlakken sneller word geladen. Geen zorgen, je alt-teksten en titels van je afbeeldingen blijven intact.

Een Google medewerker heeft hier in zijn vrije tijd een handige tool voor in elkaar gezet. Op spriteme.org kun je de tool aan je favorieten toevoegen. De tool start je op zodra je op je eigen website bent gekomen, en deze zal dan advies uitbrengen over welke afbeeldingen samengevoegd kunnen worden. Zodra je dit juist heb ingesteld zat de tool de sprite automatisch samenstellen en de nodige veranderingen voor je CSS uitschrijven. Het is nu enkel nog zaak de sprite te uploaden naar je eigen server en de locatie van de afbeeldingen aan te passen.

5: Comprimeren voor website snelheid!

gzipDe vijfde en laatste methode om je website eenvoudig een hogere snelheid te geven is door het simpelweg kleiner maken van de data die je naar de eindgebruiker stuurt. Net al een zipje voor normale bestanden kunnen websites ingepakt worden. De hoeveelheid data die er dan doorgestuurd word is kleiner en dit scheelt voor de server veel verstuurwerk, plus dat het de website een stuk sneller maakt. Dit werkt echter alleen als de browser de inpakmethode ondersteunt. Gzip is hiervoor waarschijnlijk de makkelijkste en meest gebruikte methode. Ook dit is eenvoudig via een WordPress plugin te installeren. Binnen enkele seconden bespaar je bandbreedte en is je website snelheid een stuk verhoogt!

Ik gebruik of heb alle methodes hierboven getest en mijn site is dan ook een heel stuk sneller geworden als vroeger. Ik heb ondertussen een score van 90 in Google’s page-speed test. Het is nog geen 100, maar we komen al in de buurt!

Wat vind jij de beste methode om je website sneller te maken? Laat het ons hieronder weten!

Tags: , , , , , , ,

Subscribe to RSS via Email:

Subscribe with Technopsis NL and get updates frequently in your inbox

0 comments