Ottimizzazione integrata del sito

I siti del Costruttore di siti web sono ottimizzati di serie. L'ottimizzazione punta sulle interazioni reali degli utenti e, in ultima analisi, sui Core Web Vitals di Google.

Ottimizzare è un lavoro continuo nel Costruttore di siti web: restiamo aggiornati e apportiamo modifiche per migliorare senza sosta.

Ecco una panoramica delle ottimizzazioni integrate che avvengono in automatico. L'elenco raccoglie molti dei processi principali, ma non è esaustivo.

• Ottimizzazione delle immagini
• Ottimizzazione dei video
• Caricamento differito (lazy load) delle immagini (per maggiori informazioni, consulta «Lazy Loading and Fonts»)
• Caricamento differito dei widget pesanti
• Risorse statiche su CDN
• Rinvio del CSS non critico
• Minificazione del CSS
• Estrazione del CSS critico
• Evitare il testo invisibile durante il caricamento dei font
• Ottimizzazione del caricamento e del rendering dei WebFont
• Riduzione delle dimensioni dei WebFont
• Riduzione del carico di JavaScript tramite suddivisione del codice (code splitting)
• Minificazione e compressione dei dati trasferiti in rete
• Precaricamento delle risorse critiche per migliorare la velocità di caricamento
• Distribuzione delle risorse statiche con una policy di cache efficiente
• Preconnessione alle origini necessarie
• Il tempo di risposta iniziale del server è breve; <250 ms
• Evitare più reindirizzamenti di pagina consecutivi
• Precaricamento delle richieste chiave
• Evitare payload di rete enormi (file più grandi di 5mb)
• Ridurre al minimo l'uso di risorse di terze parti
• Il codice di terze parti ha bloccato il thread principale per 180 ms
• Evitare grandi spostamenti del layout (layout shift)
• Uso di listener passivi per migliorare le prestazioni dello scorrimento
• Immagini WebP (per ogni immagine viene generata una versione WebP)
• Compressione Brotli
• Miglioramenti continui del caricamento differito per i nuovi widget
• Miglioramento del modo in cui si caricano i widget personalizzati
• Video con compressione automatica
• Spostamento di quasi tutte le risorse su CDN
• Concatenazione dei file CSS (meno richieste)
• Miglioramenti continui del CSS critico