Wanneer je een live website bijwerkt en de reactietijd zonder verklaring daalt, komt het probleem vaak van een indicator die we een paar maanden eerder nog niet in de gaten hielden. Google heeft de FID op 12 maart 2024 vervangen door de INP, en deze verandering heeft de kaarten opnieuw geschud voor elk team dat aan webprestaties werkt.
De webtrends in 2024 beperken zich niet tot esthetische keuzes: ze raken aan regelgeving, authenticatie en de manier waarop we server-side code implementeren.
INP en Core Web Vitals: wat de vervanging van de FID in de praktijk verandert
De FID meet alleen de tijd van de eerste interactie. Een knop kon 300 ms nodig hebben om te reageren op de derde klik zonder dat de metriek zich daar iets van aantrok. De INP corrigeert deze bias door de algehele reactietijd van alle interacties op de pagina te evalueren.
In de praktijk hebben we gezien dat websites met een goede FID hun “goede” status van de ene op de andere dag verloren na de overstap. Pagina’s die rijk zijn aan derde partij JavaScript (chatwidgets, carrousels, dynamische formulieren) zijn de eerste die getroffen worden. Voor webontwikkelingsteams houdt het werk een systematische audit van event listeners in en het verminderen van lange taken op de hoofdthread.
We volgen het nieuws over standaarden en best practices in webontwikkeling en SEO op https://journal-du-web.be/, een bron die dit soort technische evolutie behandelt.
De INP dwingt ook een heroverweging van front-end frameworks. Architecturen die de hele pagina bij de initiële laadtijd hydrateren, creëren pieken in latentie bij volgende interacties. Het opdelen van de hydratatie in onafhankelijke eilandjes vermindert de belasting op de hoofdthread en verbetert de INP-score zonder de interactiviteit op te offeren.
Wachtwoordloze authenticatie en passkeys: een versnellende standaard
Bij een e-commerceproject dat eind 2023 werd opgeleverd, had het team een klassiek e-mail/wachtwoordformulier met dubbele authenticatie via SMS geïntegreerd. Enkele maanden later vroegen gebruikers om in te loggen met een vingerafdruk, zonder wachtwoord. Dit is geen technische curiositeit meer: passkeys zijn een versnellende standaard geworden in 2024, uitgerold door grote platforms.
Het principe is gebaseerd op asymmetrische cryptografie. De privésleutel blijft op het apparaat van de gebruiker, de publieke sleutel wordt aan de serverkant opgeslagen. Geen wachtwoord om te stelen, geen SMS om te onderscheppen. Voor sites die gevoelige gegevens beheren, verwijderen passkeys de meest geëxploiteerde aanvalsvector: credential stuffing.
De reacties hierover variëren afhankelijk van de doelgroepen: technofiele gebruikers adopteren passkeys zonder wrijving, terwijl sommige profielen die minder vertrouwd zijn met biometrie nog steeds aarzelen. De uitdaging voor productteams is om passkeys als standaardoptie aan te bieden, terwijl ze een toegankelijke fallback behouden.
Integratie checklist voor ontwikkeling
- Implementeer de WebAuthn API en test de browsercompatibiliteit (Chrome, Safari, Firefox ondersteunen allemaal passkeys in 2024)
- Voorzie een mechanisme voor accountherstel als het hoofdapparaat verloren is, zonder terug te vallen op een eenvoudige link via e-mail
- Log de authenticatiepogingen om anomalieën te detecteren zonder biometrische gegevens aan de serverkant op te slaan
European Accessibility Act: digitale toegankelijkheid als productieverplichting
Webtoegankelijkheid is lange tijd behandeld als een bonus, een onderwerp dat aan het eind van een project werd besproken als het budget het toeliet. De European Accessibility Act, die op 28 juni 2025 van kracht wordt, verandert de spelregels voor elk bedrijf dat digitale producten of diensten in Europa verkoopt. We gaan van een aanbeveling naar een wettelijke verplichting met mogelijke sancties.
In de praktijk betekent dit dat webontwikkelingsteams toegankelijkheid vanaf het ontwerp moeten integreren. Websites, mobiele applicaties en digitale documenten moeten voldoen aan specifieke criteria voor navigatie met het toetsenbord, contrast en compatibiliteit met schermlezers.
Voorbij de donkere modus: systeemvoorkeuren CSS
Toegankelijk ontwerp in 2024 gaat verder dan alleen de donkere modus. Front-end ontwikkelaars gebruiken nu media queries zoals prefers-reduced-motion en prefers-contrast om de gebruikerservaring automatisch aan te passen.
prefers-reduced-motionschakelt animaties uit of vermindert ze voor gebruikers die gevoelig zijn voor beweging, een instelling die ook prestatieproblemen op oudere apparaten voorkomtprefers-contrastbiedt varianten met verhoogd contrast, nuttig voor lezen in het buitenlicht of voor visuele beperkingenprefers-color-schemepast het kleurenpalet aan zonder dat de gebruiker een schakelknop in de interface hoeft te zoeken
Deze CSS-functies bestaan al een tijdje, maar hun systematische adoptie in productie is een duidelijke trend in 2024. We zien ze niet alleen meer op institutionele websites: marketingplatforms en e-commerce sites integreren ze in hun design systems.
Edge computing en gedistribueerde implementatie: code dichter bij de gebruikers
Wanneer je een serverapplicatie vanaf een unieke datacenter in Europa implementeert, ondervindt een gebruiker in Zuidoost-Azië meerdere honderden milliseconden netwerklatentie voordat de server zijn verzoek begint te verwerken. Edge computing lost dit probleem op door de applicatielogica uit te voeren op geografisch verspreide knooppunten, zo dicht mogelijk bij de eindgebruiker.
In 2024 is deze benadering van een conferentiethema naar een gangbare productiemodus voor sites met een internationale doelgroep gegaan. De meest voorkomende gebruiksgevallen hebben betrekking op server-side rendering van pagina’s, contentpersonalisatie op basis van geolocatie en het beheren van omleidingen zonder heen en weer te gaan naar een centrale server.
De compromis ligt aan de kant van operationele complexiteit. Het debuggen van een functie die op tientallen verschillende knooppunten draait, vereist een specifieke logging- en monitoringstrategie. Teams die overstappen naar edge moeten ook de cachebeheer en de synchronisatie van gegevens tussen de knooppunten heroverwegen.
De adoptie van edge computing dwingt SEO-strategieën om zich te ontwikkelen. Een site die vooraf gerenderde pagina’s vanaf een lokaal knooppunt serveert, verbetert mechanisch zijn laadtijd, wat direct invloed heeft op de Core Web Vitals en dus op de positie in de zoekresultaten.
De webtrends van 2024 delen een gemeenschappelijk kenmerk: ze transformeren onderwerpen die we aan het einde van een sprint behandelden (prestaties, toegankelijkheid, authenticatiebeveiliging) in vereisten voor productie. De INP, passkeys en de European Accessibility Act zijn geen opties om aan te vinken, maar verplichtingen die nu de creatie van websites en digitale applicaties structureren.
