Framework optimieren
Astro schneller machen
Astro rendert zu statischem HTML und setzt JavaScript nur für einzelne Inseln ein, was von Grund auf sehr niedrige Ladezeiten ermöglicht.
Schritt für Schritt
- 1 Nutze die Standardausgabe von Astro, die Komponenten zu reinem HTML rendert und im Auslieferungspfad gar kein JavaScript hinterlässt.
- 2 Setze interaktive Inseln nur gezielt über client-Direktiven ein, damit JavaScript ausschließlich für wirklich dynamische Bereiche lädt.
- 3 Binde Bilder über das eingebaute Image-Bauteil ein, das moderne Formate, responsive Größen und feste Dimensionen liefert.
- 4 Aktiviere Prerendering für Inhaltsseiten, damit sie als statisches HTML entstehen und ohne Server-Laufzeit ausgeliefert werden.
- 5 Inline kritisches CSS und vermeide schwere UI-Bibliotheken, da Astro ohnehin auf ein Minimum an Client-Code abzielt.
Erst messen, dann optimieren
Mit pagespeed-test.de bestätigst du, dass deine Astro Seite dank minimalem JavaScript erstklassige INP-Werte liefert.
PageSpeed jetzt testen