einem fertig zubereiteten Essen vergleichen, das direkt servierfähig auf den Tisch kommt, statt dass der Gast die Zutaten erst selbst am Tisch zubereiten muss
Was steckt dahinter?
Server-Side Rendering lässt sich am besten mit einem fertig zubereiteten Essen vergleichen, das direkt servierfähig auf den Tisch kommt, statt dass der Gast die Zutaten erst selbst am Tisch zubereiten muss. Bei SSR wird eine Webseite bereits vollständig auf dem Server als fertiges HTML aufgebaut, noch bevor sie überhaupt an den Browser des Nutzers gesendet wird – im Gegensatz zum sogenannten Client-Side Rendering, bei dem der Browser erst selbst, mittels JavaScript, das eigentliche HTML zusammenbauen muss, nachdem die Seite bereits geladen wurde. Der entscheidende Vorteil von SSR zeigt sich in zwei Bereichen: Erstens sehen Nutzer den fertigen Seiteninhalt deutlich schneller, da der Browser nicht erst selbst rechnen und zusammensetzen muss, was insbesondere auf langsameren Geräten oder mit schwächerer Internetverbindung einen spürbaren Unterschied macht. Zweitens profitieren Suchmaschinen-Crawler erheblich, weil sie beim Besuch der Seite sofort vollständigen, fertigen Inhalt vorfinden, statt erst aufwendig JavaScript ausführen zu müssen, um an den eigentlichen Text zu gelangen – ein direkter Vorteil für die Suchmaschinenoptimierung. In Nuxt.js-Projekten lässt sich SSR meist ohne großen zusätzlichen Konfigurationsaufwand aktivieren, da das Framework diese Funktionalität von Haus aus mitbringt. Nach dem initialen Laden der serverseitig gerenderten Seite übernimmt im Browser anschließend ein Prozess namens Hydration, der die bereits sichtbare Seite nachträglich mit Interaktivität versieht, sodass Klicks, Formulareingaben und dynamische Aktualisierungen wie gewohnt funktionieren.