Wie schnell ist eine Astro-Website wirklich?

Q: Wie schnell ist eine Astro-Website?

Astro-Seiten laden oft in unter einer Sekunde und erreichen Lighthouse-Werte um 95-100. Warum das so ist und was das für dein Ranking bedeutet.

Kurze Antwort: sehr schnell. Astro-Seiten laden in der Regel in unter einer Sekunde und erreichen Lighthouse-Werte um 95 bis 100 - weil sie statisches HTML mit minimalem JavaScript ausliefern, anstatt den Browser erst einen Haufen Code ausführen zu lassen, bevor irgendetwas auf dem Bildschirm erscheint.

Längere Antwort: es kommt auf ein paar Dinge an. Aber fangen wir beim Unterbau an.

Warum Astro strukturell schnell ist

Astro baut statisches HTML. Kein PHP, das auf dem Server läuft. Kein JavaScript-Bundle, das erst heruntergeladen und ausgeführt werden muss. Du klickst, die Seite lädt.

Das klingt banal, ist es aber nicht. Die meisten modernen Webseiten - besonders solche auf WordPress oder React-Basis - schicken dem Browser als erstes ein Paket JavaScript. Der Browser muss das herunterladen, parsen, ausführen, und erst dann weiß er, was er eigentlich anzeigen soll. Das kostet Zeit. Manchmal wenig, manchmal erschreckend viel.

Astro dreht das um. Was ausgeliefert wird, ist fertiges HTML - direkt anzeigbar, kein Umweg. Interaktive Elemente (ein Formular, ein Akkordeon, ein Dropdown) lädt Astro per sogenannter Islands-Architektur: nur die Komponente, die JavaScript braucht, bekommt JavaScript. Der Rest der Seite bleibt schlank.

Das Ergebnis: die Time-to-First-Byte - also die Zeit, bis dein Browser das erste Byte der Seite bekommt - liegt bei Astro-Seiten auf einem vernünftigen Hosting als Richtwert oft unter 100 Millisekunden. Eine typische WordPress-Installation braucht allein für die PHP-Ausführung schon 200 bis 800 Millisekunden, bevor auch nur eine Zeile HTML rausgeht.

Dazu kommt die Auslieferung über ein CDN. Statische Dateien können weltweit auf Servern zwischengespeichert werden - dein Besucher in München bekommt die Seite aus einem Frankfurter Rechenzentrum, nicht von deinem Hoster in Flensburg. Das macht nochmal einen spürbaren Unterschied.

Core Web Vitals - was Google eigentlich misst

Wenn Google von “Speed” redet, meint es drei Dinge:

LCP - Largest Contentful Paint. Wie lang dauert es, bis das größte sichtbare Element geladen ist? Das ist oft das Hero-Bild oder die Hauptüberschrift. Google will das unter 2,5 Sekunden sehen. Astro-Seiten landen hier als Richtwert oft unter 1 Sekunde, weil statisches HTML sofort da ist und das Bild mit loading="eager" und fetchpriority="high" gezielt priorisiert werden kann.

INP - Interaction to Next Paint. Wie reagiert die Seite, wenn du auf etwas klickst? Träge JavaScript-Bundles machen das langsam. Weniger JavaScript bedeutet schnellere Reaktion. Astro liefert standardmäßig kein JavaScript aus, das nicht gebraucht wird.

CLS - Cumulative Layout Shift. Springen Elemente auf der Seite herum, nachdem sie geladen haben? Das passiert oft bei Bildern ohne feste Abmessungen oder bei Schriften, die nachladen. In Astro-Projekten werden Bilder mit expliziten width- und height-Werten gebaut, Schriften sind self-hosted und sofort verfügbar - kein Nachladen, kein Springen.

Diese drei Werte fließen direkt in das Google-Ranking ein. Keine Garantie, aber eine Grundvoraussetzung - wer da schlecht abschneidet, kämpft im Ranking mit einem Handicap.

Was das für dein Geschäft bedeutet

Eine Sekunde Ladezeit klingt nicht dramatisch. Aber die Zahlen dahinter schon.

Studien zeigen, dass jede zusätzliche Sekunde Ladezeit die Absprungrate spürbar erhöht. Wer nach einem Google-Klick drei Sekunden auf deine Seite wartet, ist im Schnitt zu einem großen Teil schon weg - zurück zur Suchergebnisliste, zum nächsten Treffer. Der war vielleicht sogar du, nur schneller.

Das Gleiche gilt für Conversion. Wenn du eine Anfrage möchtest, soll dein Besucher das Kontaktformular ausfüllen, nicht auf den Ladebalken starren. Eine langsame Seite ist kein ästhetisches Problem - es ist ein Vertriebsproblem.

Und dann ist da noch das Ranking selbst. Google hat PageSpeed offiziell als Rankingfaktor bestätigt. Eine Astro-Seite liefert hier strukturell einen Vorteil gegenüber einer schlecht optimierten WordPress-Seite - nicht durch Tricks, sondern weil der Unterbau sauber ist.

Ehrlich gesagt: Astro rettet keine schlechten Bilder

Ich wäre unfair, wenn ich das weglasse.

Astro macht den Unterbau schnell. Was Astro nicht kann: eine 4-MB-Hochzeitsfotos-Datei, die jemand direkt von der Kamera hochgeladen hat, klein und schnell machen. Oder ein eingebettetes YouTube-Video, das 400 KB JavaScript mitbringt. Oder einen Analytics-Tag, der von einem langsamen Server in den USA antwortet.

Die Performance einer Seite hängt von allem ab, was drauf ist. Schlechte Bilder, externe Skripte, zu viele Plugins - das kann auch eine Astro-Seite bremsen.

Was ich sage ist: Astro räumt den strukturellen Flaschenhals aus dem Weg. Der Browser muss kein Framework-Bundle verarbeiten, bevor er loslegen kann. Der Server muss keine Datenbank befragen, bevor er antwortet. Das ist der Boden, auf dem Performance-Optimierung erst wirklich greift.

Bei WordPress baust du Performance gegen den Strom. Bei Astro baust du mit dem Strom.

Was du konkret erwarten kannst

Als Richtwert aus meinen bisherigen Projekten: eine sauber gebaute Astro-Seite ohne schwere externe Skripte und mit optimierten Bildern landet im Lighthouse-Test bei 95 bis 100 Punkten für Performance. Das ist kein Ausreißer - das ist der normale Zustand.

Zum Vergleich: die Seite, die du gerade liest, läuft auf Astro. Schau sie dir im Lighthouse an, wenn du willst.

Garantieren kann ich dir einen bestimmten Score nicht - dafür spielen zu viele Faktoren mit. Aber ich kann dir sagen, dass ich keinen Kunden kenne, der nach einem Astro-Relaunch schlechtere Performance-Werte hatte als vorher.

Wenn du dir nicht sicher bist, ob deine aktuelle Seite ein Performance-Problem hat: Google PageSpeed Insights ist kostenlos und sagt dir in zwei Minuten, wo du stehst.

Wenn du weißt, dass du etwas ändern willst, schreib mir über Astro-Webdesign.

Mehr dazu, wie Astro und WordPress sich unterscheiden und wann was sinnvoll ist: 10 Gründe für Astro und Ist Astro besser als WordPress?. Was eine Astro-Seite kostet: Was kostet eine Astro-Website?