Techniek
Checklist
Browsercompatibiliteit
Browsercompatibiliteit is essentieel voor een goed functionerende website. Het zorgt ervoor dat gebruikers een consistente en probleemloze ervaring hebben, ongeacht welke webbrowser ze gebruiken.
In sommige gevallen kunnen er echter browserproblemen optreden, zoals lay- outverschillen of fouten in interactieve elementen. Het is van vitaal belang om deze problemen op te sporen en aan te pakken om een uniforme gebruikerservaring te garanderen.
De browsers die wij getest hebben zijn:
Desktop
Testresolutie: 1280px
Tablet
Testresolutie: 768px
Mobiel
Testresolutie: 375px
Helemaal goed
Content buiten scherm
Link controle
Tijdens de linkcontrole worden alle interne en externe links op de website geïnspecteerd. Dit omvat navigatielinks, knoppen, afbeeldingslinks, URL's in tekst en eventuele andere elementen die naar andere pagina's of externe bronnen verwijzen. Elke link wordt gecontroleerd om te bevestigen dat deze naar een geldige bestemming leidt en correct functioneert.
Gebroken links gevonden
Privacy en cookies
In het onderdeel privacy en cookiebeleid analyseren we grondig de implementatie en functionaliteit van Consent Mode V2. Sinds 1 maart 2024 is deze functie wettelijk verplicht voor alle websites die Google Ads gebruiken. Dit is belangrijk voor de ervaring en privacy van de gebruiker.
Cookie functionaliteiten zijn in orde
De website maakt gebruik van Consent Mode V2
SSL-certificaat
Een SSL-certificaat zorgt voor een versleutelde verbinding tussen de webserver en de browser van de gebruiker, waardoor gevoelige gegevens tijdens de overdracht worden beschermd.
We controleren of de website HTTPS gebruikt (beveiligd met SSL/ TLS-encryptie), of het SSL-certificaat geldig en correct geconfigureerd is, en of er gemengde inhoudswaarschuwingen zijn. Het doel is een veilige omgeving te bieden voor gebruikers om persoonlijke gegevens in te voeren en te verzenden.
De SSL functie is in orde
De website maakt gebruik van HTTPS
Geen inhoudswaarschuwingen
Formulieren
Formulieren zijn vaak het belangrijkste interactiepunt tussen de gebruiker en de website, of het nu gaat om het invullen van een contactformulier, het plaatsen van een bestelling, of het aanmelden voor een nieuwsbrief. Een fout in een formulier kan leiden tot verlies van klantvertrouwen en gemiste kansen.
In het onderdeel "Formulier controle" wordt een evaluatie uitgevoerd met speciale aandacht voor de functionaliteit, validatie en eventuele geautomatiseerde e-mailfuncties die gekoppeld zijn aan deze formulieren.
Formulier controle
Na uitgebreide tests is gebleken dat alle formulieren op de website naar behoren werken. De invulvelden, foutmeldingen, validatie en gebruiksvriendelijkheid voldeden aan alle gestelde eisen.
Validatie
Verplichte velden zijn te onderscheiden van optionele velden
Verplichte velden kunnen niet worden overgeslagen
E-mailveld controleert correct op een geldig e-mailformaat
Foutmeldingen
Foutmeldingen waren duidelijk en informatief
Bevestiging
Duidelijke bevestiging wordt getoond na het verzenden
Overig
Goed onthouden!
Prestatie
In het onderdeel prestatie wordt een grondige analyse uitgevoerd van de laadsnelheid van de website. De laadtijd van een website heeft een directe impact op de gebruikerservaring, het bouncepercentage, en de algehele tevredenheid van de bezoekers.
Prestatie op mobiel
De website scoort een 33 op mobiele prestaties, dit is ver onder gemiddeld. Het duurt 18.9 seconden voor de grote inhoud om te laden en 3,8 seconden voor de eerst zichtbare inhoud.
Dit blijkt voornamelijk door vertraging in het cookie-consent module.
Mobiele gebruikers verwachten snelle en efficiënte interacties, vooral omdat mobiele apparaten vaak minder krachtige hardware hebben en afhankelijk zijn van mobiele data. Dit betekent dat het verbeteren van de mobiele prestaties cruciaal is om een groot deel van je bezoekers tevreden te houden.
Waarom zijn mobiele resultaten belangrijker?
Prestatie resultaten
Om deze prestatie te meten gebruiken wij de test van PageSpeed Dev Tools. Dit is een platform van Google die inzicht en scores geeft bij de prestaties van je website. De score biedt indicatie van hoe jouw gebruikers de site zouden kunnen ervaren.
Resultaten inzien
Prestatie op desktop
De website presteert op desktop beter, maar er is ruimte voor verbetering, vooral wat betreft snelheid en interactiviteit. De eerst zichtbare inhoud in slechts 0,9 seconden, wat goed is. Echter de grote inhoud in 3,1 seconden, dit zou idealiter onder de 2.5 seconden moeten zijn om de gebruikerservaring te optimaliseren. Blokkerende scripts geven nog meer vertraging aan de pagina en de algehele gebruikerservaring.
Een toegankelijkheids score van 88 betekent dat de site bruikbaar is voor een breed publiek, inclusief mensen met een handicap. Dit helpt niet alleen om aan wettelijke normen te voldoen, maar vergroot ook je bereik.
Waarom is dit belangrijk?
Wat kun je doen?
Ten eerste zou het optimaliseren van grote afbeeldingen en video's aanzienlijk kunnen helpen om de LCP (Largest Contentful Paint) te verkorten. Denk hierbij aan het comprimeren van foto's voor verschillende beeldschermformaten, en het gebruik van nieuwere bestandsformaten zoals .webp die geoptimaliseerde en zuinige bestandsgrootte hebben zonder kwaliteitsverlies.
Overwegingen zoals server-side rendering kunnen ook een aanzienlijke verbetering teweegbrengen.
Het aanbrengen van "alt-teksten" op alle afbeeldingen kan een simpele methode zijn om de website toegankelijkheid positief beïnvloeden.
Vervolgstappen
Dit zijn volgens ons de belangrijkste stappen om de techniek en prestaties van je website te verbeteren.
Optimaliseer afbeeldingen om de laadtijd te verbeteren.
Verbeter de weergave op mobiel, zodat de content niet buiten het scherm valt.
Pas de niet werkende links aan.