Al Badya Tent — Performance-Umbau
Ein Code-Review und ein vollständiger Umbau einer bestehenden Nuxt-Website, gezielt auf die Ladezeit. Alle vier Lighthouse-Kategorien haben sich bewegt, die Performance ging von 50 auf 94.
Eine bestehende zweisprachige Website für einen Zelt- und Zeltbauhersteller in den VAE — Produkte, Leistungen, ein Medienbereich mit News, Fotos und Videos und eine Kundenliste aus Behörden und Räten. Sie funktionierte. Sie war langsam.
Die Aufgabe bei FSIT war, den Quellcode zu lesen, herauszufinden, wofür die Ladezeit tatsächlich draufgeht, und das Projekt um diese Antwort herum umzubauen, statt daran herumzuflicken.
Vorher
Lighthouse vor der Arbeit — Performance 50, Barrierefreiheit 75, Best Practices 88, SEO 91.
Nachher
PageSpeed Insights, Desktop, danach — Performance 94, Barrierefreiheit 94, Best Practices 92, SEO 100.
Es haben sich alle vier Kategorien bewegt und nicht nur die eine, und so sieht ein Umbau meistens aus: dasselbe Markup, das für die Ladezeit neu geschrieben wird, ist das Markup, aus dem Barrierefreiheit und SEO gelesen werden.