Performance und Ladezeit

Performance-Optimierung beginnt gern beim Minifizieren von CSS und übersieht dabei die großen Posten. Die Reihenfolge sollte umgekehrt sein.

Der größte Hebel sind fast immer die Bilder – richtige Abmessungen, moderne Formate, Lazy Loading für alles unterhalb des sichtbaren Bereichs. Danach kommen Schriften: jede eingebundene Schnittschrift ist eine weitere Datei, und Schriften blockieren die Darstellung, bis sie da sind.

Erst dann lohnt der Blick auf das CSS. Das komplette Bootstrap-Stylesheet enthält Komponenten, die auf den meisten Seiten nie vorkommen. Wer nur die tatsächlich genutzten Teile kompiliert, spart einen erheblichen Anteil – in t3sbootstrap lässt sich das über die Konfiguration steuern, ohne selbst in SCSS einzugreifen.

Beim JavaScript hilft die Position: ans Ende des Body oder mit defer, damit es die Darstellung nicht aufhält. Und externe Einbindungen von fremden Servern kosten jedes Mal einen zusätzlichen Verbindungsaufbau – lokal ausgeliefert ist meist schneller und nebenbei datenschutzfreundlicher.