Naar de inhoud

Snel laden en snel online

Snelle website laten maken: licht om te laden, vlot opgeleverd

Snelle website laten maken: de startpagina van Villa Lidia op een gsm, die we herbouwden van 8,4 MB naar 1,4 MB

83% lichter

De startpagina van Villa Lidia na de herbouw: 1,4 MB in plaats van 8,4 MB

Een snelle site laadt op een gsm met matig bereik in een oogwenk, en staat online op de datum die je afsprak. Allebei hangen ze af van keuzes die je aan het begin maakt.

Snel betekent twee dingen

Wie een snelle website wil laten maken, bedoelt meestal een van twee dingen. Een site die snel laadt, zodat een bezoeker niet afhaakt en Google je pagina's graag toont. Of een site die snel klaar is, omdat je volgende maand opent, een campagne start of je oude site niet meer werkt. Het eerste is techniek, het tweede is planning. Op deze pagina lees je over allebei.

Eerst de laadtijd: wat Google meet, welke drempels gelden en waarom de meeste trage sites traag zijn. Daarna de levertijd: hoe lang een site realistisch duurt, wat de oplevering vertraagt en hoe je dat vermijdt. Wil je meteen weten hoe je huidige site scoort, test hem met onze snelheidstest.

Drempels en metingen

zo snel reageert een goede pagina op een tik of klik (INP)
200 ms
van de paginabezoeken moet binnen de drempels blijven
75%
tot domein, certificaat, site en API online stonden bij Zuco
57 min

Waarom een site traag laadt

Een trage site is zelden traag door een ding. Meestal stapelen kleine keuzes zich op: een slider met vijf foto's op volle grootte, een chatwidget, een paar trackers, lettertypes van een externe server, een plugin voor elk probleem. Elk onderdeel lijkt onschuldig, samen wegen ze megabytes. Een bezoeker op een gsm met matig bereik ziet dan een witte pagina of een tekst die verspringt.

OorzaakWat je merktWat wij anders doen
Foto's op volle groottede pagina laadt lang, vooral op een gsmelke foto in een modern formaat en in meerdere maten, de browser kiest de kleinste die past
Sliders en video op de achtergrondhet eerste beeld verschijnt laateen sterk beeld dat meteen staat, beweging alleen waar ze iets uitlegt
Veel pluginselke pagina laadt code die ze niet gebruiktalleen de code die een pagina nodig heeft
Trackers en widgets van derdende pagina reageert traag op een tikmeten zonder cookies en zonder scripts van derden
Lettertypes van een externe servertekst verspringt na het ladenlettertypes op de eigen server, met de juiste maat vooraf, zie Google Fonts en de GDPR
Goedkope gedeelde hostingde eerste byte komt laatstatische pagina's vanaf een netwerk dicht bij de bezoeker

WordPress is niet traag van zichzelf, maar het nodigt uit tot de plugins en thema's die het traag maken. Lees daarover waarom WordPress zo traag is. In ons onderzoek naar de laadtijd van Belgische websites zie je hoe vaak dit voorkomt. En wil je je huidige site zelf sneller maken, volg dan de gids website-snelheid optimaliseren.

Labotest of echte bezoekers

Een snelheidstest in je browser is een labotest: een meting op een toestel, op een moment, met een gesimuleerde verbinding. Handig om te zien wat er misloopt, maar het is niet wat Google beoordeelt. Google kijkt naar de gegevens van echte bezoekers over de voorbije weken. Een site kan in de labotest matig scoren en bij echte bezoekers ruim binnen de drempels blijven, of omgekeerd. Staar je dus niet blind op een score van honderd. Kijk welke pagina's bij echte bezoekers buiten de drempel vallen, en begin daar. Een score op zich zegt een bezoeker niets. Een pagina die meteen staat, wel. Een patiënt die de uren van zijn huisarts opzoekt, doet dat op een gsm en wacht niet; wat zo'n site verder nodig heeft, lees je bij website voor huisartsen.

Core Web Vitals volgens Google

Google meet de snelheid van je site met drie getallen, de Core Web Vitals. LCP meet wanneer het grootste beeld of blok tekst zichtbaar is: goed is binnen 2,5 seconden. INP meet hoe snel de pagina reageert als je tikt of klikt: goed is binnen 200 milliseconden. CLS meet hoeveel de inhoud verspringt terwijl ze laadt: goed is een score van 0,1 of minder.

Google kijkt niet naar je beste meting, maar naar het 75e percentiel van echte bezoeken, apart voor gsm en computer. Drie op de vier bezoeken moeten dus binnen de drempel blijven, ook die van iemand met een oudere gsm op de trein. Die cijfers zie je in Google Search Console, zodra je site genoeg bezoekers heeft. Wie die cijfers liever niet zelf opvolgt, leest bij SEO uitbesteden wat een bureau ermee doet.

  • LCP: het grootste element binnen 2,5 seconden
  • INP: een reactie binnen 200 milliseconden
  • CLS: een verspringing van 0,1 of minder
Het artikel van web.dev over Largest Contentful Paint, de Core Web Vital die meet wanneer het grootste element van een pagina zichtbaar is
Het artikel van web.dev over Largest Contentful Paint, de Core Web Vital die meet wanneer het grootste element van een pagina zichtbaar is

Zo houden we pagina's licht

We bouwen met Next.js en zetten de pagina's vooraf klaar als statische bestanden. Een bezoeker krijgt geen pagina die op het moment zelf in elkaar gezet wordt, maar een kant-en-klaar bestand vanaf een netwerk dat dicht bij hem staat. Beelden gaan in meerdere maten mee, en de browser kiest de kleinste die past. Er laadt geen tracker, geen cookiebanner en geen chatwidget die niemand gebruikt. Meer over die manier van bouwen lees je bij ons headless website bureau en bij Next.js developer inhuren.

De site van Villa Lidia is daar een voorbeeld van. Bij de herbouw gingen de beelden van 51 MB naar 17 MB in totaal, en de startpagina van 8,4 MB naar 1,4 MB. Het is een site vol grote foto's van een villa en een landschap, dus licht betekent hier niet kaal. Lees de case van Villa Lidia.

Snelheid blijft niet vanzelf

Een site die bij de oplevering snel is, kan een jaar later traag zijn. Er komt een nieuwe foto van zes megabyte op de startpagina, een marketingtool met een script, een video die automatisch speelt. Daarom maakt een goede site foto's die je oplaadt zelf klein, en controleren we bij onderhoud en beheer of de drempels nog gehaald worden. Wil je zelf aanpassen zonder de snelheid te breken, lees dan over een zelfaanpasbare website.

Snel bij een webshop of een platform

Niet elke pagina kan vooraf klaargezet worden. Een webshop toont voorraad en prijzen die wijzigen, een portaal toont per klant andere gegevens. Daar zit de snelheid in wat je wel vooraf klaarzet: de productpagina's, de beelden, de vaste delen van het scherm. Alleen wat echt per bezoeker verschilt, wordt op het moment zelf opgehaald. Ook de updates horen erbij. Bij het beheerplatform dat we voor Business Centrum bouwden, gaat een nieuwe versie in twee tot zes seconden over. Zie ook webshop laten maken en webapplicatie laten maken.

Snel geladen is nog niet snel gevonden

Een snelle site helpt je in Google, maar ze staat er niet meteen bovenaan. Google moet je nieuwe pagina's eerst vinden, lezen en vergelijken met die van anderen. Dat duurt weken tot maanden, afhankelijk van je sector en van wat er al online staat. Laadtijd is een voorwaarde, geen belofte.

Hoe lang duurt het voor je site online staat?

Voor een gewone kmo-site rekenen we op ongeveer zes weken van eerste gesprek tot live. Ontwerp, bouw en testen nemen daarvan twee tot vier weken in. De rest is de tijd die jij nodig hebt om teksten na te lezen, foto's aan te leveren en feedback te geven. Jouw deel komt meestal neer op een tot twee werkdagen, verspreid over die weken. Hoe dat verloopt, lees je in hoe lang duurt een website laten maken.

Het kan sneller. Toen Zuco een site en een API nodig had op een bestaand platform, stonden domein, certificaat, site en API in 57 minuten online. Dat was een uitzondering, met een duidelijke vraag en alles klaar. Een gewone site met nieuwe teksten en foto's vraagt meer tijd, en die tijd zit vooral in beslissingen.

Vertragers bij de oplevering

De bouw zelf is zelden de vertraging. Wat een site laat online gaan, zit meestal aan de kant van de inhoud en de toegang.

VertragerWaarom het vertraagtHoe je het voorkomt
Teksten die nog niet klaar zijnzonder tekst geen echte paginawij schrijven, jij leest na, of je levert ze in de eerste week
Foto's die nog genomen moeten wordende site wacht op het beeldplan de shoot meteen, of start met wat je hebt
Feedback van vijf mensenelke ronde duurt een weekeen persoon beslist, de anderen geven input aan die persoon
Geen toegang tot domein of DNSde site kan niet livezoek het account van je domein in de eerste week
Een oude site met veel pagina'selke oude link moet doorverwijzeneen lijst met alle adressen vooraf, zie website-migratie
Een koppeling met een ander systeemwachten op de leverancier van dat systeemvraag de toegang voor het project start

Met onze website-briefing zet je vooraf op papier wat je nodig hebt, en vermijd je de helft van die vertragers. Verhuis je van een andere bouwer, lees dan website verhuizen. Heb je echt haast, begin dan met een landingspagina en bouw de rest erachter.

Haast zonder in te leveren

Heb je een harde datum, zoals een opening, een beurs of een campagne, dan werken we in delen. De pagina's die op die datum moeten staan, gaan eerst live: de startpagina, je belangrijkste dienst, het contactformulier. De rest volgt in de weken erna, op dezelfde basis. Zo haal je je datum zonder een half afgewerkte site, en hoef je niets opnieuw te bouwen. Wat we niet doen: de tests overslaan. Een formulier dat niet aankomt of een oude link die op een foutpagina eindigt, kost je meer dan een week uitstel.

Prijs van een snelle site

Een website begint bij 1.500 euro. Snelheid kost bij ons niets extra: het is hoe we bouwen. Wat de prijs bepaalt, zijn het aantal pagina's, de talen en de koppelingen, zie de prijs van een website. Een goedkope site is niet altijd snel, lees daarover goedkope website laten maken. Hosting voor een statische site kost weinig, zie hostingkosten. Na de lancering zie je in hoe lang het duurt voor je site op Google staat wat je mag verwachten. Wil je je huidige site vervangen door een snellere, lees website vernieuwen, of plan een gesprek over een website op maat.

Website laten maken

Hoe VBS je hiermee helpt

We bouwen je site van ontwerp tot tekst, beeld en code, in een hand, en zo dat Google en je klanten ze vinden en een aanvraag doen.

  • Ontwerp en teksten op de vragen van je klanten
  • Snel, meertalig als het moet, op een vaste prijs vanaf 1.500 euro
  • Formulier, meting zonder cookies en hosting op AWS

Hoe we dat aanpakken, lees je bij Website laten maken.

Laadtijd en levertijd in een gesprek

Vertel ons wanneer je online wil en wat er al klaar is. We zeggen je welke datum haalbaar is.

Optioneel, als je liever gebeld wordt.

Wat wil je bereiken, en wat staat er al?

We gebruiken je gegevens alleen om je te antwoorden.