Wenn man eine Website in Produktion aktualisiert und der Reaktionswert ohne Erklärung sinkt, liegt das Problem oft an einem Indikator, den man vor einigen Monaten noch nicht überwacht hat. Google hat am 12. März 2024 den FID durch den INP ersetzt, und diese Änderung hat die Karten für jedes Team, das an der Web-Performance arbeitet, neu gemischt.
Die Web-Trends 2024 beschränken sich nicht auf ästhetische Entscheidungen: Sie betreffen die Einhaltung von Vorschriften, die Authentifizierung und die Art und Weise, wie Code auf der Serverseite bereitgestellt wird.
INP und Core Web Vitals: Was der Ersatz des FID praktisch verändert
Der FID maß ausschließlich die Zeit bis zur ersten Interaktion. Ein Button konnte 300 ms benötigen, um auf den dritten Klick zu reagieren, ohne dass die Metrik zuckte. Der INP korrigiert diese Verzerrung, indem er die Gesamtreaktivität aller Interaktionen auf der Seite bewertet.
Konkret haben wir gesehen, dass Websites mit einem guten FID über Nacht ihren “guten” Status nach der Umstellung verloren haben. Seiten, die reich an Drittanbieter-JavaScript sind (Chat-Widgets, Karussells, dynamische Formulare), sind die ersten, die betroffen sind. Für Web-Entwicklungsteams besteht die Arbeit darin, eine systematische Überprüfung der Event-Listener durchzuführen und lange Aufgaben im Haupt-Thread zu reduzieren.
Wir verfolgen die Entwicklungen der Standards und Best Practices in der Web-Entwicklung und SEO auf https://journal-du-web.be/, einer Ressource, die solche technischen Entwicklungen abdeckt.
Der INP zwingt auch dazu, Frontend-Frameworks neu zu überdenken. Architekturen, die die gesamte Seite beim initialen Laden hydrieren, erzeugen Latenzspitzen bei den folgenden Interaktionen. Die Hydrierung in unabhängige Inseln zu unterteilen verringert die Belastung des Haupt-Threads und verbessert den INP-Wert, ohne die Interaktivität zu opfern.
Passwortlose Authentifizierung und Passkeys: Ein Standard im Aufschwung
In einem E-Commerce-Projekt, das Ende 2023 geliefert wurde, hatte das Team ein klassisches E-Mail/Passwort-Formular mit zweifacher Authentifizierung per SMS integriert. Einige Monate später wünschten sich die Nutzer eine Anmeldung per Fingerabdruck, ohne Passwort. Das ist keine technische Kuriosität mehr: Passkeys sind 2024 zu einem beschleunigten Standard geworden, der von großen Plattformen bereitgestellt wird.
Das Prinzip basiert auf asymmetrischer Kryptographie. Der private Schlüssel bleibt auf dem Gerät des Nutzers, der öffentliche Schlüssel wird auf dem Server gespeichert. Kein Passwort zu stehlen, keine SMS abzufangen. Für Websites, die mit sensiblen Daten umgehen, eliminieren Passkeys den am häufigsten ausgenutzten Angriffsvektor: das Credential Stuffing.
Die Rückmeldungen zu diesem Punkt variieren je nach Zielgruppe: Technikaffine Nutzer nehmen Passkeys ohne Friktionen an, während einige Profile, die weniger mit Biometrie vertraut sind, noch zögern. Die Herausforderung für die Produktteams besteht darin, Passkeys als Standardoption anzubieten und gleichzeitig einen zugänglichen Fallback zu behalten.
Integrations-Checkliste für die Entwicklung
- Implementieren Sie die WebAuthn-API und testen Sie die Browserkompatibilität (Chrome, Safari, Firefox unterstützen alle Passkeys im Jahr 2024)
- Planen Sie einen Mechanismus zur Wiederherstellung des Kontos, falls das Hauptgerät verloren geht, ohne auf einen einfachen Link per E-Mail zurückzugreifen
- Protokollieren Sie die Authentifizierungsversuche, um Anomalien zu erkennen, ohne biometrische Daten auf dem Server zu speichern
European Accessibility Act: Digitale Konformität als Produktionszwang
Web-Zugänglichkeit wurde lange Zeit als Bonus betrachtet, ein Thema, das man am Ende eines Projekts ansprach, wenn das Budget es zuließ. Der European Accessibility Act, der am 28. Juni 2025 in Kraft trat, ändert die Spielregeln für jedes Unternehmen, das digitale Produkte oder Dienstleistungen in Europa verkauft. Wir gehen von einer Empfehlung zu einer gesetzlichen Verpflichtung mit möglichen Sanktionen.
In der Praxis bedeutet dies, dass Web-Entwicklungsteams die Zugänglichkeit bereits in der Planungsphase integrieren müssen. Websites, mobile Anwendungen und digitale Dokumente müssen bestimmte Kriterien für die Navigation mit der Tastatur, den Kontrast und die Kompatibilität mit Screenreadern erfüllen.
Über den Dunkelmodus hinaus: CSS-Systemeinstellungen
Barrierefreies Design im Jahr 2024 geht über den einfachen Dunkelmodus hinaus. Frontend-Entwickler nutzen jetzt Media Queries wie prefers-reduced-motion und prefers-contrast, um das Benutzererlebnis automatisch anzupassen.
prefers-reduced-motiondeaktiviert oder reduziert Animationen für Nutzer, die empfindlich auf Bewegungen reagieren, eine Einstellung, die auch Performance-Probleme auf älteren Geräten vermeidetprefers-contrastbietet Varianten mit erhöhtem Kontrast, die nützlich sind für das Lesen im Freien oder für Menschen mit Sehbehinderungenprefers-color-schemepasst die Farbpalette an, ohne den Nutzer zu zwingen, einen Umschaltknopf in der Benutzeroberfläche zu suchen
Diese CSS-Funktionen gibt es schon eine Weile, aber ihre systematische Anwendung in der Produktion ist ein klarer Trend im Jahr 2024. Sie finden sich nicht mehr nur auf institutionellen Websites: Marketingplattformen und E-Commerce-Websites integrieren sie in ihre Designsysteme.
Edge Computing und verteilte Bereitstellung: Code näher an den Nutzern
Wenn man eine Serveranwendung von einem einzigen Rechenzentrum in Europa bereitstellt, hat ein Nutzer in Südostasien mehrere hundert Millisekunden Netzwerklatenz zu erleiden, bevor der Server überhaupt mit der Bearbeitung seiner Anfrage beginnt. Edge Computing löst dieses Problem, indem es die Anwendungslogik auf geografisch verteilten Knoten ausführt, möglichst nah am Endnutzer.
Im Jahr 2024 hat sich dieser Ansatz von einem Konferenzthema zu einem gängigen Produktionsmodus für Websites mit internationalem Publikum entwickelt. Die häufigsten Anwendungsfälle betreffen das serverseitige Rendering von Seiten, die Personalisierung von Inhalten basierend auf der Geolokalisierung und die Verwaltung von Weiterleitungen ohne Rücksprünge zu einem zentralen Server.
Der Kompromiss liegt auf der Seite der operationellen Komplexität. Das Debuggen einer Funktion, die auf Dutzenden von verschiedenen Knoten ausgeführt wird, erfordert eine spezifische Logging- und Monitoring-Strategie. Teams, die auf Edge umschalten, müssen auch das Cache-Management und die Datensynchronisation zwischen den Knoten neu überdenken.
Die Einführung von Edge Computing zwingt die SEO-Strategien zur Weiterentwicklung. Eine Website, die vorgerenderte Seiten von einem lokalen Knoten bereitstellt, verbessert mechanisch ihre Ladezeit, was sich direkt auf die Core Web Vitals und somit auf das Ranking in den Suchergebnissen auswirkt.
Die Web-Trends 2024 haben einen gemeinsamen Nenner: Sie verwandeln Themen, die man am Ende eines Sprints (Performance, Zugänglichkeit, Authentifizierungssicherheit) behandelt hat, in Voraussetzungen für die Produktionsbereitstellung. Der INP, die Passkeys und der European Accessibility Act sind keine Optionen zum Abhaken, sondern Zwänge, die nun die Erstellung von Websites und digitalen Anwendungen strukturieren.