hamburger menu
dot zwarte bel

Je website optimaliseren

Het is belangrijk om een snelle website te hebben zodat gebruikers op je website blijven, maar ook zodat je hoger in een zoekmachine wordt geïndexeerd.
Website die een langere laadtijd hebben worden ook lager door Google geïndexeerd
Eén manier om je website sneller te maken is door je code te optimaliseren. Hieronder leggen we je uit hoe je dit kunt doen.

Minified code

Eén manier om de code van je website sneller in te laden is door je code te verkleinen. Dit noemen ze minified code. Dit houdt in dat je alle onnodige tekens zoals bijvoorbeeld spaties of enters eruit haalt. Hierdoor worden je bestanden kleiner en worden ze dus sneller ingeladen.

Dit kan met de hand gebeuren maar kost over het algemeen veel tijd om te doen. Gelukkig zijn er ook bepaalde tools die dit voor jou kunnen doen. Je hebt verschillende tools om bijvoorbeeld javascript of CSS te verkleinen.

Voorbeeld:
Dit stukje CSS:

.niice {
  color: #000;
}

Kan worden verkleind naar:

.niice{color:#000}

Door alles spaties en enters weg te halen is een stukje code van 3 regels verkleind naar 1 regel. 

Twee populaire tools die dit doen zijn:
cssminifier
minifier

Javascript

Het gebeurt vaak dat javascript bestanden in de <head> tag wordt ingeladen. Dit zorgt ervoor dat deze bestanden eerst worden ingeladen en daarna pas de rest van de html en CSS. Tijdens het inladen van de javascript bestanden zal de gebruiker nog niks op de website zien omdat er verder nog geen html is ingeladen.
Wij raden het daarom aan om de javascript bestanden onder aan de pagina in te laden. Dit zorgt ervoor dat eerst de html wordt ingeladen waardoor de gebruiker al wel wat ziet en daarna pas de javascript bestanden worden ingeladen. Op deze manier laad je website dus sneller html in.

Code optimalisatie

Je hebt ook tools die ongebruikte CSS verwijderen uit jouw code. Een voorbeeld hiervan is Purgecss. Dit is erg handig wanneer je een framework gebruikt zoals bootstrap of tailwind css. Doordat de overbodige code verwijderd wordt worden de CSS bestanden een stuk kleiner waardoor ze sneller ingeladen worden. Bekijk hier de website van Purgecss voor meer informatie.

Cookie-instellingen
Om je beter en persoonlijker te helpen, gebruiken wij cookies en vergelijkbare technieken. Met de cookies volgen wij en derde partijen jouw internetgedrag binnen onze site. Hiermee tonen we advertenties op basis van jouw interesse en kun je informatie delen via social media. Als je verdergaat op onze website gaan we ervan uit dat je dat goedvindt. Meer weten?

Oké