ssr = false per le pagine solo client
Disabiliti il rendering lato server per le pagine che dipendono da API disponibili solo nel browser.
ssr = false per le pagine solo client è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.
Disabilitare SSR
Imposti ssr = false per saltare il rendering sul server di una pagina che dipende da API disponibili solo nel browser.
export const ssr = false;Casi d'uso
Pagine che utilizzano canvas, WebGL, geolocalizzazione o qualsiasi funzionalità che debba essere eseguita nel browser.
Compromessi
Saltare SSR significa ottenere un First Contentful Paint più lento e un SEO peggiore per quella pagina.
Combinazione con il prerendering
È possibile disabilitare SSR mantenendo il prerendering di un HTML di base per l'hosting statico.
Spinner di caricamento
Poiché la pagina è solo client, mostri uno stato di caricamento finché JavaScript non esegue l'hydration.
Route che richiedono autenticazione
A volte le route riservate agli utenti autenticati saltano SSR per evitare il rendering prima che il client verifichi il token.
Impostazione per pagina
Imposti ssr per route per trovare il giusto equilibrio tra esigenze SEO e interattività.
A livello di layout
Imposti questa opzione in un layout per disabilitare SSR in un'intera sezione.
Nessun codice server
Senza SSR, il load del server viene comunque eseguito, ma la pagina viene renderizzata solo nel browser.
Considerazioni sulle prestazioni
Le pagine pesanti eseguite solo sul client possono trarre vantaggio dal prerendering di uno skeleton seguito dall'hydration con i dati.
Nel mondo reale
Dashboard, editor complessi ed esperienze 3D a volte disabilitano SSR.
Verifica rapida
Quando imposterebbe ssr = false?
Riepilogo
Imposti ssr = false per le pagine che richiedono API disponibili solo nel browser, rinunciando al SEO in favore di un rendering più semplice solo sul client.
Domande Frequenti
La lezione «ssr = false per le pagine solo client» è gratuita?
Sì — il testo completo di «ssr = false per le pagine solo client» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.
Cosa imparerò in «ssr = false per le pagine solo client»?
Disabiliti il rendering lato server per le pagine che dipendono da API disponibili solo nel browser. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Sveltejs Academy?
Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.
Quanto tempo richiede la lezione «ssr = false per le pagine solo client»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?
Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- load universale e solo server
- prerender = true per le pagine statiche
- ssr = false per le pagine solo client
- Architettura a isole