Next.js e Vercel, spiegati a chi vuole un sito veloce

Apri un sito dal telefono, in 4G, mentre aspetti il caffè. Se dopo tre secondi vedi ancora lo schermo bianco, chiudi e passi al prossimo. Lo fanno tutti, lo fai anche tu. Google lo sa, e mette più in alto i siti che si aprono in fretta.

Per questo la velocità non è un vezzo da tecnici. È la prima cosa che decide se il tuo sito lavora per te o no. E due degli strumenti più usati per ottenerla si chiamano Next.js e Vercel.

Perché un sito è lento

Un sito tradizionale, ogni volta che qualcuno lo apre, si costruisce da capo. Il server riceve la richiesta, va a leggere i testi dal database, li mette insieme con la grafica, e solo alla fine spedisce la pagina. Con mille visitatori lo fa mille volte, sempre uguale.

Aggiungi qualche estensione installata negli anni, foto caricate senza ridurle, e hai la classica pagina che ci mette cinque secondi. Non è colpa di nessuno in particolare: è il modo in cui è fatta.

Cosa fa Next.js

Next.js ragiona al contrario. La pagina dei tuoi servizi è la stessa per tutti: allora perché costruirla mille volte? La costruisce una volta sola, quando pubblico il sito, e la tiene pronta. Quando arriva un visitatore, gli consegna la pagina già fatta. Si chiama cache, e vuol dire che l'attesa sparisce.

Non è solo velocità. Ci sono altri tre effetti che ti riguardano da vicino.

• Google legge tutto. Le pagine pronte sono testo puro, che Google capisce al primo passaggio. È la base di una buona SEO: non un trucco, ma un sito scritto in modo che si faccia leggere.
• Le foto pesano il giusto. Next.js ridimensiona ogni immagine per lo schermo che la sta guardando. Dal telefono arriva una foto piccola, dal computer una grande. Nessuno scarica più del necessario.
• Funziona anche con connessione scarsa. Meno dati da scaricare vuol dire che il sito si apre anche in campagna, in un trullo, in un seminterrato. Che poi è dove stanno molti dei tuoi clienti.

Cosa fa Vercel

Una pagina pronta deve comunque stare da qualche parte. Vercel è l'hosting fatto dalle stesse persone che fanno Next.js, e i due sono pensati per lavorare insieme.

La cosa più utile che fa è distribuire il sito su una CDN: copie della pagina su computer sparsi per il mondo. Chi apre il sito da Milano riceve la copia di Milano, chi lo apre da Berlino riceve quella di Francoforte. Nessuno aspetta che i dati attraversino l'Europa.

Poi ci sono le cose che non vedi ma che contano.

• Il lucchetto HTTPS è incluso e si rinnova da solo. Non c'è un certificato da ricordarsi di pagare.
• Ogni modifica va online in un minuto, con un deploy automatico. Se qualcosa non va, si torna alla versione di prima con un clic.
• Prima di pubblicare, ogni modifica ha un'anteprima privata: un ambiente di prova dove la controlli con calma dal telefono.
• Per il sito di un'attività serve il piano per uso commerciale, circa 20 dollari al mese, pagato da te direttamente a Vercel. Il traffico di una piccola attività non lo scalfisce.

Quanto è veloce, in numeri

Google misura i siti con uno strumento pubblico che dà un punteggio da 0 a 100. Un sito fatto bene punta a 100 su tutte e quattro le voci: velocità, accessibilità, buone pratiche e SEO. Non sempre si arriva a 100 tondo, ma sotto 90 c'è qualcosa da sistemare. E lo puoi verificare tu stesso, su qualunque sito, compreso il tuo.

E il pannello per aggiornare i testi?

È la domanda giusta. Un sito con pagine pronte in anticipo si aggiorna in modo diverso da un sito con un pannello classico. Ci sono due strade.

Se i testi cambiano poche volte l'anno, le modifiche le fa lo sviluppatore: gli scrivi, e la pagina è online lo stesso giorno. Costa meno di un pannello e nessuno può rompere il sito per sbaglio.

Se invece aggiorni spesso, per esempio un menù o le notizie, si aggiunge un CMS leggero: un pannello in cui scrivi, e il sito si rigenera da solo in un minuto. La scelta dipende da una domanda sola: quante volte cambierai davvero i contenuti?

Quando non ti servono

• Pubblichi articoli ogni giorno, con più autori. Un sistema con il pannello al centro, come WordPress, è nato per questo.
• Ti serve una pagina sola, per qualche mese, per un evento. Un costruttore di siti a pagamento mensile fa il suo lavoro e si chiude quando finisce.
• Il tuo sito attuale fa già 90 o più su telefono e porta richieste. Rifarlo per la tecnologia non ha senso.

Come misurare il tuo sito, oggi

1. 01Cerca PageSpeed Insights, lo strumento gratuito di Google, e incolla l'indirizzo del tuo sito.
2. 02Guarda il punteggio da telefono, non da computer: è da lì che arriva la maggior parte delle visite.
3. 03Se sei sotto 50, il sito ti sta facendo perdere visite. Chiedi a chi te l'ha fatto cosa lo rallenta, e a chi è intestato l'hosting, così sai chi può intervenire.

Ci vogliono due minuti. E il numero non ha opinioni.