Junior
Cos'è il rendering lato server (SSR)?
sobes.tech AI
Risposta dell'AI
Il rendering lato server (SSR) è il processo in cui una pagina web viene generata sul server in risposta a una richiesta del client. Invece di inviare al client un documento HTML vuoto e un bundle JavaScript per il rendering successivo nel browser, il server crea un documento HTML completo con il contenuto già inserito.
Vantaggi del SSR:
- Ottimizzazione SEO: I robot di ricerca indicizzano più facilmente il contenuto, poiché ricevono HTML pronto, anziché JavaScript generato dinamicamente.
- Tempo di prima pittura (FCP): L'utente vede il contenuto della pagina più rapidamente, poiché il server ha già fornito un HTML pronto da visualizzare immediatamente.
- Prestazioni su dispositivi deboli: Meno risorse richieste al dispositivo client, poiché la maggior parte del lavoro di generazione della pagina avviene sul server.
- Migliore interazione sui social media: Quando si condivide, i social media ricevono un contenuto pronto per l'anteprima, anziché una pagina vuota.
Svantaggi del SSR:
- Aumento del carico sul server: Il server deve elaborare le richieste di rendering di ogni pagina, il che può essere costoso in termini di risorse.
- Riduzione dell'interattività fino all'idratazione: Dopo aver ricevuto l'HTML, il browser ha bisogno di tempo per "idratarsi" — associare la logica JavaScript al DOM già visualizzato. Fino al completamento dell'idratazione, la pagina può essere parzialmente o completamente non interattiva.
- Complessità nello sviluppo: Richiede un'architettura specifica dell'applicazione e framework speciali (ad esempio, Next.js per React, Nuxt.js per Vue.js, Angular Universal per Angular).
Con SSR, il client invia una richiesta al server, che la elabora, genera una stringa HTML con il contenuto e la struttura pronti, e la invia indietro al client. Il browser visualizza l'HTML ricevuto e poi carica ed esegue il JavaScript del client per aggiungere interattività (processo di idratazione).