ssr = false für Client-only-Seiten
Deaktivieren Sie das serverseitige Rendering für Seiten, die ausschließlich auf Browser-APIs angewiesen sind.
ssr = false für Client-only-Seiten ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
SSR deaktivieren
Setzen Sie ssr = false, um das serverseitige Rendering für eine Seite zu überspringen, die auf browserexklusive APIs angewiesen ist.
export const ssr = false;Anwendungsfälle
Seiten mit Canvas, WebGL, Geolokalisierung oder allem, was im Browser ausgeführt werden muss.
Abwägungen
Wenn Sie SSR überspringen, werden First Contentful Paint und SEO für diese Seite schlechter.
Mit Prerendering kombinieren
Sie können SSR deaktivieren und trotzdem ein HTML-Grundgerüst für statisches Hosting prerendern.
Lade-Spinner
Da die Seite ausschließlich auf dem Client ausgeführt wird, zeigen Sie einen Ladezustand an, bis JavaScript hydratisiert ist.
Routen mit Authentifizierung
Manchmal wird SSR für Routen mit Authentifizierung übersprungen, damit vor der clientseitigen Tokenprüfung nichts gerendert wird.
Einstellung pro Seite
Setzen Sie ssr pro Route, um die Anforderungen an SEO und Interaktivität abzuwägen.
Auf Layout-Ebene
Setzen Sie die Einstellung in einem Layout, um SSR für einen gesamten Bereich zu deaktivieren.
Kein serverseitiger Code
Ohne SSR wird server load weiterhin ausgeführt, aber die Seite wird nur im Browser gerendert.
Performance-Überlegungen
Umfangreiche clientseitige Seiten können davon profitieren, ein Skeleton vorzurendern und anschließend mit Daten zu hydratisieren.
Praxisbeispiele
Dashboards, komplexe Editoren und 3D-Erlebnisse deaktivieren SSR manchmal.
Kurze Überprüfung
Wann würden Sie ssr = false setzen?
Zusammenfassung
Setzen Sie ssr = false für Seiten, die browserexklusive APIs benötigen, und tauschen Sie dabei SEO gegen eine einfachere clientseitige Darstellung ein.
Lerne HTML mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 41
- Lektionen
- 163
Häufig gestellte Fragen
Ist die Lektion „ssr = false für Client-only-Seiten“ kostenlos?
Ja — der vollständige Text von „ssr = false für Client-only-Seiten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „ssr = false für Client-only-Seiten“?
Deaktivieren Sie das serverseitige Rendering für Seiten, die ausschließlich auf Browser-APIs angewiesen sind. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „ssr = false für Client-only-Seiten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Universelles vs. server-only load
- prerender = true für statische Seiten
- ssr = false für Client-only-Seiten
- Island-Architektur