Performance · Core Web Vitals · Astro

Astro Performance Optimierung: erst messen, dann bauen.

Website Performance Optimierung beginnt mit CrUX-Felddaten Ihrer echten Nutzer und reproduzierbaren Labormessungen. Daraus entsteht ein priorisierter Plan, von drei entfernten Skripten bis zum Neubau mit Astro.

Felddaten vor Laborwerten

Bewertet wird Ihre Seite über CrUX-Felddaten aus Chrome-Sitzungen, im 75. Perzentil über 28 Tage.

INP hat FID abgelöst

Interaction to Next Paint misst seit 2024, wie die Seite über die ganze Sitzung auf Klicks reagiert.

Vorher und nachher

Wir messen vor dem Eingriff und danach an Ihrer Domain, unter denselben Bedingungen.

00 — Eigene Projekte

Sehen Sie, was wir bauen.

Mini Marvin ist unsere eigene Progressive Web App, konzipiert, gebaut und live im Browser betrieben.

Mini Marvin · PWA

Babynamen swipen statt scrollen

Mini Marvin ist unsere Progressive Web App zur Namenssuche: durch über 10.000 Vornamen swipen, direkt im Browser und ohne App-Store.

Mini Marvin App – Babynamen swipen statt scrollen Mini Marvin App – Als Paar gemeinsam entscheiden Mini Marvin App – Filtern nach Herkunft & Beliebtheit
01 — Gemessen

Gemessen, nicht behauptet.

Der Lighthouse-Lauf über diese Website, Desktop-Messung, über PageSpeed Insights selbst nachprüfbar.

0 Performance Lighthouse · diese Seite 100 / 100
0 SEO Lighthouse · diese Seite 100 / 100
0 Accessibility Lighthouse · diese Seite 100 / 100
0 Best Practices Lighthouse · diese Seite 100 / 100
02 — Diagnose

Was wir im Performance-Audit messen.

  1. Der Score im Labor sagt wenig

    Lighthouse ist ein einzelner Laborlauf und kann INP nicht messen. Bewertet werden die Felddaten Ihrer Nutzer.

    Mehr dazu

    Der Chrome User Experience Report liefert LCP, CLS und INP aus laufenden Sitzungen, im 75. Perzentil über ein rollierendes 28-Tage-Fenster, getrennt nach Mobil und Desktop. Hat eine URL zu wenig Traffic für eigene Daten, arbeiten wir mit den Origin-Werten und ergänzen eigene Messungen. Grün im Labor und rot im Feld ist der Normalfall.

  2. Der Hauptthread ist meist der Schuldige

    Consent-Banner, Tag Manager, Chat-Widget und die Hydration ganzer Komponentenbäume erzeugen lange Tasks.

    Mehr dazu

    Wir fahren einen Performance-Trace auf gedrosseltem Mobilgerät und benennen jedes Skript mit Zweck, Ladezeitpunkt und den Millisekunden, die es blockiert. Diese Liste bekommen Sie schriftlich. Welche Zeile bleibt, entscheiden Marketing, Datenschutz und Einkauf. Läuft die Abstimmung über mehrere Abteilungen, übernehmen wir auf Wunsch die Projektleitung.

  3. Astro dreht die Voreinstellung um

    Statisches HTML ist die Standard-Auslieferung. Client-JavaScript kommt nur dorthin, wo eine Komponente es anfordert.

    Mehr dazu

    Interaktivität wird pro Komponente über client:load, client:idle oder client:visible zugeschaltet. Der Hero liegt als HTML im Dokument, bevor ein Skript läuft, und die eingebaute Bildkomponente leitet die Maße ab, um Layout-Sprünge zu vermeiden. Was Astro sonst ausmacht, steht unter Was ist Astro?.

  4. Umbauen erst, wenn Aufräumen nicht reicht

    Bilder, Schriften, render-blockierendes CSS und Fremdskripte lösen einen großen Teil der Fälle in Tagen.

    Mehr dazu

    Erst wenn jede Seite einen kompletten Komponentenbaum im Browser aufbaut, verschiebt Bestandsarbeit nur Nachkommastellen. Dann bauen wir die kritischen Seitentypen neu, siehe Astro Website-Entwicklung und WordPress zu Astro. Ob sich das rechnet, entscheiden Ihre Zahlen.

Wissen, was Ihre Seite ausbremst?

Schicken Sie uns die URL und zwei Sätze zu Ihrem Stack. Wir sehen uns Felddaten und Labormessung an.

03 — Die Metriken

LCP, CLS und INP: was sie messen.

Schwellenwerte nach Googles Core-Web-Vitals-Definition, jeweils im 75. Perzentil der Feldmessungen.
MetrikWas sie misstWas wir dagegen tun
LCP Wie lange der größte sichtbare Inhaltsblock zum Rendern braucht. Gut: bis 2,5 Sekunden. Serverseitig rendern, das LCP-Bild früh im HTML referenzieren, kritisches CSS inline stellen.
CLS Wie stark sich sichtbare Inhalte während des Ladens noch verschieben. Gut: bis 0,1. Feste Maße für Bilder, reservierter Platz für alles Nachladende, angeglichene Font-Metriken.
INP Wie schnell die Seite über die ganze Sitzung auf Klicks antwortet. Gut: bis 200 Millisekunden. Fremdskripte verzögern oder serverseitig ersetzen, Hydration auf einzelne Inseln begrenzen.
TTFB Keine Core-Web-Vital-Metrik, aber die Startlinie: Vor dem ersten Byte rendert nichts. Vorrendern, wo es geht, und cachen, wo es sich lohnt. Details unter Astro Hosting.
04 — FAQ

Häufige Fragen zu Core Web Vitals und Astro SEO.

Ist Astro gut für SEO?

Für die technische Hälfte ja. Astro rendert serverseitig und liefert standardmäßig statisches HTML aus, der Crawler sieht den Inhalt sofort. Inhalte, Suchintention und interne Verlinkung bleiben Arbeit, dafür gibt es unser SEO Audit.

Mein Lighthouse-Score ist 100, die Search Console meldet Probleme. Warum?

Beide messen verschiedene Dinge. Lighthouse ist ein simulierter Einzelbesuch ohne Interaktion und kann INP nicht messen. Die Search Console bewertet CrUX-Felddaten aus Chrome-Sitzungen im 75. Perzentil über 28 Tage. Grün im Labor und rot im Feld ist der Normalfall.

Warum ist unser INP schlecht, obwohl die Seite schnell lädt?

Ladezeit und Reaktionszeit sind zwei Probleme. INP misst die Zeit vom Klick bis zum sichtbaren Update, und die hängt am Hauptthread. Erzeugen Consent-Tool, Tag Manager und Hydration dort lange Tasks, kommt der Klick an, wird aber nicht verarbeitet.

Müssen wir für eine Core Web Vitals Optimierung neu bauen?

Meistens nicht. Bilder, Schriften, render-blockierendes CSS und Fremdskripte lassen sich im Bestand lösen, oft in Tagen. Ein Neubau lohnt sich, wenn jede Seite einen kompletten Komponentenbaum im Browser hydratisiert. Dann ist der Umstieg der schnellere Weg.

Was kostet eine Website Performance Optimierung und wie lange dauert sie?

Bis zum Befund vergehen ein bis zwei Wochen, die Umsetzung im Bestand dauert ein bis drei Wochen, der Umbau kritischer Seitentypen vier bis acht. Danach brauchen die Felddaten vier bis sechs Wochen. Den Preis nennen wir nach dem Erstgespräch mit seinen Annahmen.

Können wir die Optimierung nicht mit KI selbst machen?

Einzelne Schritte ja. Die Arbeit steckt in der Ursachenkette: welches Element das LCP ist, welches Skript den Hauptthread blockiert, wer es abschalten darf. Wir arbeiten KI-gestützt, wie unser WhatsApp-KI-Agent zeigt, und legen die Rohdaten offen.

Erst messen, dann optimieren.

Nennen Sie uns Ihre URL und Ihr Ziel. Sie bekommen eine Einschätzung, wo die Zeit verloren geht, meist innerhalb von 24 Stunden.

— Kontakt

Performance-Audit anfragen.

URL, eingesetzter Stack und was Sie stört. Wir melden uns mit einer Ersteinschätzung zu Core Web Vitals und Aufwand.

Jetzt anrufen +49 155 63582204 WhatsApp schreiben E-Mail schreiben

Antwort in der Regel innerhalb von 24 Stunden.
Remote und vor Ort in Deutschland, Österreich und der Schweiz. Internationale Projekte auf Anfrage.

Worum geht es?
Zeitrahmen (optional)

Ihre Angaben werden nur zur Bearbeitung der Anfrage verwendet. Kein Newsletter, keine Weitergabe.