Datenschutz, kurz und ehrlich. Wir messen nur anonym, welche Seiten ankommen. Cookieless, ohne Werbe-Cookies, ohne Tracker, ohne Weiterverkauf. Du entscheidest, ob die Statistik mitläuft. Details in der Datenschutzerklärung.

    Glossar / Begriff

    Prerendering, im Tech-Kontext.

    Prerendering rendert eine bestehende JavaScript-App beim Build zu fertigem HTML. Der übliche Weg, eine SPA für Crawler und KI-Bots sichtbar zu machen.

    Prerendering bedeutet, dass eine fertige Client-App beim Build in einem Headless-Browser aufgerufen und das Ergebnis pro Route als HTML-Datei gespeichert wird. Der Unterschied zu SSG: dort erzeugt das Framework das HTML direkt aus den Daten, hier wird eine laufende Anwendung abgegriffen. Das ist der übliche Weg, eine gewachsene Single-Page-App ohne Umbau für Suchmaschinen und KI-Crawler sichtbar zu machen. Typische Stolperstellen: Verweise auf Asset-Dateien im gespeicherten HTML zeigen nach dem nächsten Build ins Leere, Meta-Tags und Schema müssen pro Route gesetzt sein, und die Routenliste will gepflegt werden. Nach jedem Deployment gehört der Blick in den Quelltext zur Abnahme.

    Beispiele aus dem Mittelstand

    • Eine gewachsene React-Site bekommt einen Prerender-Schritt in der Build-Pipeline und ist danach mit vollem Text im Quelltext auffindbar.
    • Ein Deployment lieferte prerenderte Seiten mit Verweisen auf eine alte Stylesheet-Datei aus; die Seiten waren im Index, aber ohne Gestaltung.
    # Prüft, ob eine prerenderte Route echten Text ausliefert
curl -s https://beispiel.de/leistungen | grep -o "<h1[^>]*>[^<]*" | head -1
    Ohne Treffer ist die Route nicht prerendert.

    Folge-Fragen

    Prerendering oder SSR?

    Prerendering bei vorab bekannten Routen und seltenen Änderungen. SSR, sobald die Ausgabe pro Besucher unterschiedlich sein muss.

    Was passiert mit Seiten, die nicht in der Routenliste stehen?

    Sie werden weiterhin nur clientseitig gerendert und bleiben für viele Crawler leer. Die Liste muss vollständig gepflegt sein.

    Muss ich nach jedem Build etwas prüfen?

    Ja. Ein Blick in den Quelltext einer Beispielroute plus Test der Asset-Verweise verhindert die häufigsten stillen Fehler.

    Bringt Prerendering auch Geschwindigkeit?

    Ja, der erste sichtbare Inhalt kommt ohne JavaScript. Interaktiv wird die Seite trotzdem erst nach der Hydration.

    Prerendering in der Praxis.

    Wo dieser Begriff in deinem Geschäft konkret wird, beginnt die Arbeit. Wir nennen klar, ob die Idee in unser Studio passt.

    SEO-Performance