Wat er echt toe doet bij een website (en waarom snelle sites winnen)

Het is makkelijk om aan te nemen dat een website er indrukwekkend uit moet zien om goed te werken. In de praktijk zien de sites die hun werk daadwerkelijk doen — iemand laten begrijpen wat je aanbiedt, en er vervolgens iets aan laten doen — er meestal simpel uit naast de sites die volgestouwd zijn met animaties en videoachtergronden. Wat er echt toe doet is korter dan het lijkt, en snelheid blijkt het grootste deel ervan te zijn.

Wat er echt zijn plek verdient

• Een duidelijk antwoord, meteen. Een bezoeker beslist binnen een paar seconden of hij blijft lezen — wat je doet, en of het voor hem is, moet duidelijk zijn zonder te scrollen.
• Het werkt goed op een telefoon. De meeste bezoeken aan de meeste websites van kleine bedrijven gebeuren op een telefoon, niet op een laptop — een site die echt alleen goed werkt op een breed scherm faalt voor de meeste mensen die erop terechtkomen.
• Eén duidelijke manier om te handelen. Bellen, kopen, boeken, contact opnemen — kies het ene ding dat je echt wilt dat een bezoeker doet, en maak het onmogelijk om te missen. Een pagina met vijf even luide keuzes leidt meestal tot geen enkele van die keuzes.
• Het laadt voordat iemand afhaakt. Al het andere op deze lijst is verspild als de pagina nog niet op het scherm staat op het moment dat een bezoeker besluit weg te gaan.

Waarom snelheid specifiek zo belangrijk is

Een trage site voelt niet alleen slechter aan — hij verliest meetbaar bezoekers voordat ze ook maar iets gezien hebben, en zoekmachines nemen de daadwerkelijke laadsnelheid rechtstreeks mee in de ranking, onder de noemer die Google Core Web Vitals noemt. Geen van beide is een klein detail: het ene beïnvloedt of iemand die je site vond, erop blijft, het andere beïnvloedt of ze je site überhaupt vinden.

Het frustrerende deel is dat trage websites zelden om een goede reden traag zijn. De gebruikelijke boosdoeners zijn te vermijden in plaats van noodzakelijk:

• Afbeeldingen op cameraformaat, niet op schermformaat. Een foto van 4000 pixels breed die getoond wordt op 400 pixels, is 10 keer meer data dan de browser ooit daadwerkelijk zal laten zien — de meest voorkomende oorzaak van een trage pagina, en de makkelijkste om op te lossen.
• JavaScript dat de pagina niet hoefde uit te voeren. Een groot framework dat gedownload en verwerkt wordt alleen om wat tekst en een knop te tonen, kost echte, meetbare tijd — voordat een bezoeker ook maar één woord ziet.
• Scripts van derden die niemand in de gaten houdt. Trackers, chatwidgets en embeds die van elders worden opgehaald, voegen elk hun eigen rondreis toe, en elk daarvan kan de snelheid van een website stilletjes laten verslechteren naarmate er meer bijkomen en er geen worden verwijderd.

Hoe de site waar je dit op leest daadwerkelijk gebouwd is

Aangezien dit precies de vraag is waar dit artikel over gaat, lijkt het eerlijk om ronduit te zeggen hoe de eigen pagina's van webaki in elkaar zitten — want het zijn dezelfde drie ideeën als hierboven, alleen toegepast in plaats van alleen beschreven.

• Elke pagina wordt vooraf samengesteld tot één compleet, op zichzelf staand document, in plaats van een omhulsel dat de browser vervolgens vraagt om meerdere extra onderdelen op te halen en samen te voegen voordat er iets te zien is.
• Elke afbeelding op deze site is specifiek verkleind en gecomprimeerd voor de exacte grootte waarop hij ooit daadwerkelijk getoond wordt — de drie illustraties op onze homepage bijvoorbeeld zijn een tiende van de grootte waarmee ze begonnen, zonder zichtbaar verschil op het formaat waarop iemand ze daadwerkelijk ziet.
• Er draait geen groot front-end framework op de achtergrond, dat werk verricht dat een bezoeker nooit opmerkt, behalve in de vorm van een pagina die langer duurt om klaar te voelen.

Niets daarvan is een slimme truc — het is vooral de afwezigheid van dingen die er om te beginnen niet hoefden te zijn, wat een oprecht saai antwoord is, en ook het eerlijke.

Wat je daadwerkelijk op je eigen site moet controleren

Als je naar een bestaande site kijkt en je afvraagt waar je moet beginnen: open hem op een telefoon, op een gewone verbinding, en meet hoelang het duurt voordat je de hoofdtitel daadwerkelijk kunt lezen. Als dat traag aanvoelt voor jou, is het traag voor elke bezoeker die het bedrijf erachter nog niet kent en genoeg vertrouwt om te wachten.

Onze websitebouwer is precies hierom gebouwd — een snelle, werkende eenpaginasite direct uit de doos, zonder framework om te configureren of plugin om naar te zoeken.