Website laten maken in Veldhoven.

De meeste bezoekers komen op een telefoon, vaak onderweg. Een pagina die een paar seconden wit blijft, verliest een deel van die bezoekers voordat ze iets hebben gezien. Kwamen ze via een advertentie, dan heb je voor die klik al betaald.

Google kijkt er ook naar. Met de Core Web Vitals meet het hoe snel het belangrijkste deel van een pagina verschijnt, hoe snel hij reageert op een tik, en of de inhoud tijdens het laden verspringt.

Meestal niet van de hosting, maar van wat er op de site staat. Een gekocht thema dat alles kan, laadt ook alles, ook wat je niet gebruikt. Daar komen twintig plugins bij die elk hun eigen scripts meebrengen, en foto’s van vijf megabyte die pas op de telefoon worden verkleind.

We bouwen daarom alleen wat de site nodig heeft. Beelden worden in het juiste formaat geleverd, scripts van derden laden pas als het kan, en lettertypen staan op de eigen server.

Snelheid regel je niet aan het eind. In het eerste gesprek kijken we wat er op de site moet, ook wat laadtijd kost: video, een chatfunctie, scripts voor advertenties. Daarna volgt de offerte.

In het ontwerp leggen we per pagina vast hoe groot beelden mogen zijn en welke ruimte ze krijgen, zodat niets verspringt. Tijdens de bouw meten we op een telefoon, niet alleen op een snelle laptop. Voor de livegang moeten LCP, INP en CLS binnen de aanbevolen grenzen liggen; zo niet, dan gaat de site nog niet live.

In de eerste weken na de livegang meten we opnieuw, nu met echte bezoekers, want die hebben andere toestellen en verbindingen dan wij.

Snel betekent niet kaal. Een groot beeld bovenaan kan prima, als het in het juiste formaat wordt geladen en de ruimte ervoor al vastligt, zodat de tekst eronder niet verspringt.

Zoek je in Veldhoven een webdesigner, dan krijg je bij ons een ontwerp dat samen met de bouw wordt gemaakt. Wat mooi is en wat snel is, bespreken we per onderdeel, niet achteraf als de site al staat.

Een WordPress-site hoeft niet traag te zijn. Met een eigen thema en alleen de plugins die je echt gebruikt, kan hij binnen de grenzen van de Core Web Vitals blijven. Traag wordt het vooral als er in de loop van de jaren plugins bijkomen die elk hun eigen scripts laden.

Maatwerk met Next.js en Payload ligt voor de hand als je weinig ruimte voor die groei wilt laten, of als er gegevens uit een ander systeem op de site komen. Pagina’s worden dan vooraf opgebouwd en direct geserveerd. Meer over onze bouw staat onder design en development.

Een pagina die snel laadt maar waarop je de knop niet raakt, werkt op een telefoon nog steeds niet. Daarom testen we elke pagina op de breedtes 375, 768, 1024 en 1440 pixels, en kijken we per breedte of tekst leesbaar is zonder inzoomen, of menu’s openen en of niets buiten het scherm valt.

Een knop of link krijgt minstens 44 bij 44 pixels. Beelden leveren we als webp, in de maat die bij het scherm hoort: een telefoon krijgt geen foto die voor een breed scherm is bedoeld. Dat scheelt laadtijd en data, juist op een mobiele verbinding.

Bij Washin7 maakte de oude webshop elke aanpassing duur en verloor hij data. Op een nieuw platform met sluitende meting steeg de conversieratio met 38 procent. Hoe we dat deden, lees je in de case onderaan de pagina.