Wie lassen sich Abhängigkeiten in einer schnellen Website-Infrastruktur reduzieren?
Autor: Yılmaz Saraçucuncu-taraf-scriptbagimlilikbundle-boyutuperformans
Kurze Antwort: Die Regel schneller Infrastruktur ist einfach: Das schnellste Byte ist das nie geladene. Abhängigkeiten reduziert man an zwei Fronten: bei Third-Party-Skripten und im eigenen Paketbaum.
Auf der Third-Party-Seite
- Inventar erstellen: für jedes Skript in Tag Manager und Templates Eigentümer, Zweck und Prüfdatum festlegen; Verwaistes entfernen.
- Verbleibendes verzögern: Laden nach Sichtbarkeit oder Interaktion entlastet den Main Thread.
- Messung deduplizieren: nicht zwei Analytics- oder Heatmap-Tools mit derselben Aufgabe betreiben.
Im eigenen Code
- Bundle-Analyse durchführen und die größten Abhängigkeiten hinterfragen: Datums-, Utility- und UI-Bibliotheken lassen sich oft durch Bordmittel ersetzen.
- Importe reparieren, die Tree-Shaking verhindern; Polyfills anhand der Ziel-Browserliste beschneiden.
- Schriften subsetten und von der eigenen Domain ausliefern.
Die Wirkung über LCP und INP in Lighthouse und Felddaten gegen die Basislinie vor der Änderung validieren; der Gewinn variiert je Website und wird nicht ohne Messung berichtet.