Schnelle Web-Frontends
Ein schlankes Frontend lädt zügig, reagiert sofort auf Eingaben und schützt so die Conversion auf jedem Gerät.
Ausgangslage
Langsame Frontends haben häufig dieselbe Ursache: große JavaScript-Pakete und Frameworks, die mehr laden als nötig. Auf günstigen Smartphones verstärkt sich das Problem.
Technik je Seitentyp
Nicht jede Seite braucht ein JavaScript-Framework. Inhaltsseiten rendern wir auf dem Server und ergänzen Interaktion gezielt. Für Konfiguratoren oder Dashboards setzen wir Svelte oder Vue.js ein. Svelte erzeugt besonders kleine Bundles, weil es die Arbeit schon beim Build erledigt.
Worauf wir achten
Komponenten auf Basis eines Design-Systems mit Tokens
Barrierefreiheit nach WCAG 2.2 AA in jeder Komponente
Progressive Enhancement: Kernfunktionen arbeiten auch ohne JavaScript
Animationen, die reduzierte Bewegung berücksichtigen
Vorgehen
Wir entwickeln Komponenten isoliert, testen sie automatisiert und dokumentieren sie. Budgets in der CI-Pipeline verhindern, dass die Ladezeit mit neuen Funktionen steigt. Zielwerte für LCP und INP auf einem Smartphone der Mittelklasse sind Teil der Abnahme. Angebunden werden die Oberflächen an Statamic, Laravel oder beliebige APIs.