Is jouw website langzaam? Laden de plaatjes traag in en kijk je veel te lang naar een wit scherm? Lijkt het af en toe wel alsof je tientallen seconden wacht voor de volgende pagina verschijnt? Je bent niet de enige! Mooie websites komen links en rechts als paddenstoelen uit de grond maar helaas is de performance veel te vaak het ondergeschoven kindje. Ik ga hier vandaag geen gevecht starten tussen de belangen van uiterlijk en prestaties – maar toch valt het mij op dat er veel te vaak de focus ligt op het design en te weinig op de performance van een website. In het artikel van vandaag kijken we naar het belang van een snelle website en bespreken we enkele tips en trucs die wij voor jouw site kunnen realiseren om de snelheid weer op te schroeven!

Een snelle website, waarom?

Ja goeie vraag. Het antwoord lijkt heel simpel: SNELHEID! Alles moet snel. Wie wil er nou nog wachten? Niemand natuurlijk. Hier zit een kern van waarheid in alleen laten we het eens van een andere kant bekijken: twee kanten om precies te zijn.

  • Gebruikerservaring: allereerst is er niets belangrijker dan de gebruikerservaring. Een website kan heel mooi ogen, heel functioneel zijn met duidelijke knoppen en een duidelijk pad naar het doel (vaak informatie of verkoop) en dan nog kan de gebruikerservaring ondermaats zijn door een lage snelheid. Als jij enkele seconden per pagina moet wachten, dan frustreer je de bezoeker al heel snel. Een website moet vlot, responsief en cohesief aanvoelen. Elementen van de website moeten zich, zonder al te veel te verspringen, rap inladen en snel op hun plaats vallen.
  • Vindbaarheid in Google: de grote vriendelijke zoek reus is hard aan het hameren op langzame websites, met name op mobiel. Google is actief bezig met het ‘afstraffen’ van websites die ondermaats presteren. Een goede score halen volgens Google’s PageSpeed standaard zorgt dat je niet alleen niet gestraft wordt, maar ook nog eens beloont wordt met een hogere positie in de zoekresultaten.

Een snelle website is dus niet alleen goed voor de bezoeker maar ook nog eens goed voor je bedrijf.

Wat kunnen we hier aan doen?

Websites kunnen langzaam zijn en langzaam aanvoelen, hier is een duidelijk verschil in. Met verschillende benchmark tools kunnen we het ene type traag gaan scheiden van het andere type traag. Sommige vormen van traagheid valt niets aan doen, zoals trage servers (vaak door drukte) of traagheid door slecht reagerende externe diensten (zoals Google Analytics). Gelukkig is er wel veel wat we wel kunnen doen!

Hieronder enkele tips en trucs waarmee wij jouw website efficiënter en sneller maken met als gevolg dat de bezoeker een fijnere ervaring heeft en je bedrijf beter scoort bij Google. Dit zijn maar een handvol tips om je een idee te geven, want in de praktijk zijn er honderden knoppen waar je aan kan gaan draaien!

Tip 1: Het probleem van afbeeldingen

Afbeeldingen zijn onmisbaar in de online wereld, helemaal mee eens. Waar ik het alleen niet mee eens ben is het onnodig inladen van grote afbeeldingen. Stel je voor: jij hebt een fotoalbum ergens halverwege de homepage. Dit album is buiten het beeld voor nieuwe bezoekers, zij landen immers (vaak via Google) bovenaan de pagina. Vanaf hier gaan ze naar beneden of via het menu naar andere pagina’s. In dit laatste geval is het album toch ingeladen – je hebt zojuist vele kostbare MB’s en rekenkracht verspild. Iemand die je website via mobiel benadert kan hierdoor flink wat MB’s uit zijn bundel kwijt zijn! Daarnaast komt het ontzettend veel voor dat deze afbeelding nog eens veel te groot zijn in (voor het internet) verouderde standaarden zoals JPG en PNG.

We gaan dus je website dusdanig aanpassen dat afbeeldingen enkel worden geladen als de bezoeker ze in beeld krijgt, de formaten worden passend bij wat realistisch nodig is op de pagina en als de bezoeker een moderne browser heeft worden afbeelding automatisch omgezet naar modernere (en vooral kleinere) standaarden zoals WEBP, in plaats van JPG of PNG.

Tip 2: Het onnodig laden van code

Websites zijn complexe constructies en ik kan hier een heel technisch verhaal gaan ophangen; maar ik ga het simpel houden. Ik kan een willekeurige steekproef doen op een handvol websites en meer dan de helft laadt teveel code in; veel meer code dan nodig. Op desktop computers en laptop wordt je hier niet zo hard voor gestraft maar op mobieltjes komt dit hard aan. Mobieltjes moeten teveel code afwerken voordat de pagina getoont wordt (mobieltjes zijn veel trager dan desktops!) en hierdoor blijft je scherm langer wit. Iets waar je als bezoeker, en Google, niet blij van wordt.

Wat we hieraan kunnen doen is een duidelijke inventaris maken: welke code is dusdanig kritiek en nodig dat deze cruciaal zijn voor het tonen van het deel van de pagina waarop een bezoeker landt. Alle overige code, de rest van de pagina bijvoorbeeld, heeft een lagere prioriteit en kan ingeladen worden in de seconden erna. Zoals ik al zei: veel websites doen dit niet en kiezen ervoor alles onmiddellijk in te laden, dit resulteert in een website die er langer over doet om zijn eerste tekenen van leven te tonen.

Tip 3: Cookies en cachen

Iedere bezoeker gebruikt een browser (Chrome, Edge of Firefox bijv.) om jouw website te bezoeken. In dezelfde steekproef als hierboven wordt al snel duidelijk dat een grote hoeveelheid websites niet terug praat tegen de browser van de bezoeker. Wat bedoel ik met praten? Browsers praten namelijk wel met websites. Browsers vragen vaak om plaatjes, code en tekst – een website geeft enkel antwoord en levert deze dingen aan. Je kan je website dusdanig instellen dat deze proactief data gaat aanleveren. Leveren zonder te wachten op de vraag. Ook kun je je website dusdanig inpakken dat je site veel kleiner is. Als laatste kun je je website minder cookies intern laten versturen. Behoorlijk technisch verhaal: maar neem van mij aan dat je standaard WordPress installatie erg veel onnodige cookies intern stuurt. Door dit alles aan te pakken maken we je website een stuk efficiënter, compacter en sneller.

Tip 4: Alles kleiner maken

Ik heb het al even gehad over je website inpakken en kleiner maken. Daar bovenop kunnen we de code ook nog veel kleiner maken. Alle code van je website is dusdanig opgesteld dat het lekker fijn leesbaar is voor de webbouwer. Net als in een zin zitten er lege regels en spaties in de code. De browser van de bezoeker heeft dit allemaal niet nodig en geloof het of niet: lege ruimte is ook data! Een populaire oplossing is om alle code van je website te ‘minifyen’. Je haalt heel veel loze lege ruimte uit de code waardoor de browser van de bezoeker minder moeite hoeft te doen.

En nog veel meer…

De oplossingen van de tips en trucs hierboven zijn nog maar het topje van de ijsberg. Op een website kun je aan veel knoppen gaan draaien om hem sneller en efficiënter te maken. Het resultaat is een website die vlotter aanvoelt en beter scoort in Google. Dit ‘draaien aan de knoppen’ moet wel door professionals gebeuren, het kan je website flink ontregelen. Alle aanpassingen zullen door ons goed getest worden!

Wil je dat wij je website een scan geven? Wij vertellen je dan wat je huidige score is en wat we kunnen doen om jouw site een trap onder de kont te geven.

Laat het ons weten, wij helpen je graag!

Bel 085 130 34 63
Mail hallo@dicey.company