Migliorare le prestazioni del tuo sito è una parte importante del processo di creazione, così come la manutenzione continua del sito. Le linee guida riportate in questo articolo possono aiutarti a migliorare l'esperienza dei visitatori, ottimizzando aspetti come la reattività, la fluidità e il tempo di caricamento.
Comprendere i tempi di caricamento
Il tempo di caricamento del sito misura la velocità di caricamento completo del sito dopo che un visitatore richiede l'accesso, cliccando su un link o inserendo l'URL della pagina. Il tempo di caricamento di una pagina può essere influenzato da molti fattori. Alcuni sono specifici del sito, mentre altri sono correlati al dispositivo e alla connessione internet del visitatore.
I siti che sono stati ottimizzati e adattati caricano più velocemente di quelli che presentano contenuti pesanti.
L'ottimizzazione del tuo sito può garantire un migliore tempo di caricamento, oltre a un punteggio migliore su strumenti per le prestazioni come Google PageSpeed Insights.
Come Wix misura i tempi di caricamento
Wix monitora e raccoglie i dati per diverse metriche. Questi dati includono i Core Web Vitals di Google e altri parametri vitali come FCP, TTFB e TTI. Puoi visualizzare
le metriche di velocità del tuo sito dal tuo Pannello di controllo.
Wix raccoglie automaticamente questi dati sulle prestazioni in tempo reale sulla nostra piattaforma per monitorare e migliorare la velocità del tuo sito. Ti consigliamo di seguire le pratiche consigliate riportate di seguito per migliorare i tempi di caricamento del tuo sito.
Ordine di caricamento degli elementi
Ad esempio, elementi interattivi o ricchi di contenuti (come video e app di terze parti) tendono a caricare più lentamente rispetto a elementi statici o più leggeri, come testo e tasti.
Ottimizzare gli elementi del sito
Ottimizza la home page e elementi come testo, animazioni e immagini per migliorare le prestazioni del sito. Clicca su un'opzione qui sotto per maggiori informazioni:
I contenuti del sito "above the fold" vengono caricati prima del resto della pagina. L'aggiunta di contenuti significativi, pertinenti e leggeri a questa sezione della pagina assicura che i visitatori del sito visualizzino le informazioni utili in attesa che venga caricato il resto della pagina.
Ti consigliamo di utilizzare elementi statici come testo, forme e tasti per i contenuti "above the fold". Dato che questi elementi vengono caricati per primi, miglioreranno il tempo di caricamento e le prestazioni del tuo sito.
A cosa si riferisce l'espressione "Above the fold"?
Questa è la sezione del tuo sito che i visitatori vedono per prima, prima ancora di iniziare a scorrere verso il basso (è la parte superiore della home page).
Le immagini caricate sui siti Wix vengono ridimensionate automaticamente per l'ottimizzazione. Ti consigliamo di utilizzare immagini AVIF anziché immagini PNG, a meno che tu non abbia bisogno di uno sfondo trasparente. Le immagini AVIF sono ottimizzate per il tempo di caricamento e le prestazioni del sito.
Scopri di più sulle immagini e sulle prestazioni del tuo sito.
Note:
- Quando possibile, Wix converte automaticamente le immagini in formati moderni come AVIF. Questo formato riduce le dimensioni del file scaricato, mantenendo la qualità dell'immagine
- Non è possibile caricare immagini di dimensioni superiori a 25 MB sul sito Wix
I video sono un ottimo modo per stimolare l'interesse dei visitatori e incoraggiare le interazioni. Ti consigliamo di considerare i tempi di caricamento quando aggiungi i video, poiché in genere hanno risoluzioni elevate e richiedono più tempo per caricarsi rispetto agli elementi statici.
App e iFrame di terze parti
Il contenuto mostrato in app e iFrame di terze parti (ad esempio video incorporati o feed dei canali social) viene fornito da server esterni e non dai server Wix.
Ciò significa che Wix non può ottimizzarli e quindi potrebbero creare un sovraccarico e rallentare i tempi di caricamento del sito.
Ti consigliamo di inserirli in pagine secondarie, con un tasto di collegamento sulla homepage per indirizzarvi i visitatori del sito.
Ti consigliamo di utilizzare non più di 3 o 4 tipi di caratteri sul tuo sito, perché farlo potrebbe migliorare l'estetica del tuo sito e dargli un aspetto professionale. Mantenere gli stili dei carattere in questo intervallo numerico può anche migliorare le prestazioni del sito, in quanto riduce i tempi di caricamento.
Inoltre, ti consigliamo anche di evitare l'uso di caratteri personalizzati, ove possibile. I caratteri di sistema si caricano più velocemente, il che può migliorare le prestazioni del tuo sito.
Scopri di più sui caratteri e sul tuo sito.
Effetti speciali come animazioni e slideshow possono dare un tocco di vita al tuo sito.
Tuttavia, tendono a caricare più lentamente rispetto agli elementi statici e, se possibile, ti consigliamo di inserirli nella sezione "Below the fold" (nella parte inferiore della home page).
Nota: le GIF animate devono essere scaricate per intero prima di poter essere riprodotte. Ti consigliamo di convertire in video eventuali GIF animate che desideri utilizzare.
Le finestre a comparsa caricano più lentamente rispetto ad altri elementi del sito, in base al design. Ti consigliamo quindi di limitare l'uso delle finestre a comparsa sul sito ed evitare di utilizzarle come contenuto principale della pagina.
L'ordine DOM del tuo sito è l'ordine in cui i visitatori che utilizzano tecnologie assistive (come gli screen reader) si spostano tra i tuoi elementi.
Per offrire un'esperienza agevole a questi visitatori e garantire l'ordine corretto degli elementi, ti consigliamo di modificare manualmente l'ordine visivo degli elementi in modo che corrisponda all'ordine mostrato nel pannello Livelli.
Ottimizzare i contenuti della versione mobile del sito
In generale, i dispositivi mobile non sono potenti o veloci come i computer desktop e hanno una connessione internet più lenta. Pertanto, il caricamento del tuo sito potrebbe richiedere più tempo quando è visualizzato su un dispositivo mobile.
Se il tuo sito mobile carica lentamente, ti consigliamo di seguire le linee guida riportate qui sotto per ottimizzarne le prestazioni.
Clicca su un'opzione qui sotto per scoprire come fare quanto segue:
Usa l'Editor mobile per ottimizzare il tuo sito mobile. Puoi nascondere e modificare gli elementi e persino aggiungere una schermata di benvenuto.
I siti compatibili con i dispositivi mobili avranno un aspetto diverso dalla versione desktop, quindi ti consigliamo di modificarli in base alle tue esigenze.
Per accedere all'editor mobile:
- Apri l'Editor Wix
- Clicca sull'icona Passa a mobile
nella barra degli strumenti in alto
Nascondere elementi superflui
Alcuni elementi che influiscono in modo significativo sui tempi di caricamento potrebbero non essere rilevanti per il tuo sito mobile.
Ti consigliamo di considerare in maniera opportuna l'uso di questi elementi. Evita l'uso eccessivo di elementi come finestre a comparsa e app di terze parti sul tuo sito mobile e lascia solo contenuti pertinenti ed essenziali.
Per nascondere elementi dal tuo sito mobile:
- Clicca sull'elemento che vuoi nascondere
- Clicca sull'icona Nascondi elemento
Suggerimento: gli elementi nascosti possono essere visualizzati e aggiunti nuovamente alla versione mobile del sito cliccando su
Nascosto su mobile
sul lato sinistro dell'Editor mobile.
Ritagliare o ridimensionare le immagini
Le immagini di grandi dimensioni potrebbero richiedere un po' di tempo per caricare sulla versione del sito per dispositivi mobili. Ti consigliamo di ritagliare o ridimensionare l'immagine per evitare di incidere negativamente sul tempo di caricamento del tuo sito mobile.
Per ritagliare un'immagine:
- Clicca sull'immagine nell'Editor
- Clicca sull'icona Ritaglia
- Trascina i punti di controllo per ritagliare l'immagine
- Clicca su Applica
Suggerimento: le immagini possono essere ridimensionate cliccando sull'immagine e trascinando i punti di controllo per ingrandirla o rimpicciolirla.
Ridurre il numero di elementi nelle gallerie e nelle liste dinamiche
Le gallerie e le liste dinamiche sono un ottimo modo per mostrare immagini e informazioni sul sito, tuttavia tendono a caricare più lentamente rispetto ad altri elementi come il testo o le forme di base.
Ti consigliamo di ridurre la quantità di elementi di una galleria o di un insieme di liste dinamiche nella versione mobile del sito. Mostra solo elementi e contenuti multimediali rilevanti e importanti e distribuiscili uniformemente sul sito.
Aggiungere una schermata di benventuo
Le schermate di benvenuto sono un ottimo modo per presentare il tuo brand nella versione mobile del sito. Questa è la prima cosa che vedranno i visitatori del sito, mentre il sito si carica in background.
Per aggiungere una schermata di benvenuto:
- Clicca su Strumenti per mobile
sul lato sinistro dell'Editor mobile
- Clicca su Benvenuto
- Personalizza la schermata di benvenuto utilizzando le opzioni disponibili
- Clicca su Fatto
Utilizzare un sistema e un browser supportati
I siti Wix sono compatibili con sistemi operativi per smartphone e browser diversi. Se i visitatori riscontrano problemi nella visualizzazione del tuo sito compatibile con i dispositivi mobili, potrebbe essere necessario aggiornare il sistema o il browser.
Codice di terze parti
Il codice di terze parti può apportare informazioni, strumenti e funzionalità importanti al sito. Tuttavia, se non è ottimizzato, potrebbe influire negativamente sui tempi di caricamento e sulle prestazioni del sito.
FAQ
Clicca su una delle seguenti domande per scoprire di più.
Perché il punteggio Largest Contentful Paint (LCP) del mio sito web è così basso e come posso migliorarlo?
LCP misura la velocità con cui viene caricato il contenuto visibile più grande sulla tua pagina.
Per migliorarlo:
- Ottimizza le immagini con formati più leggeri come AVIF o WebP e comprimile prima di caricarle
- Riduci al minimo le dimensioni dei contenuti above the fold, come banner o video
- Usa testo o immagini di piccole dimensioni above the fold per un caricamento più rapido
- Abilita la memorizzazione nella cache per le tue pagine nel Pannello di controllo Wix
- Limita il codice personalizzato o le app di terze parti che potrebbero rallentare la tua pagina
Come posso ridurre il Total Blocking Time (TBT) del mio sito web?
TBT misura per quanto tempo il thread principale del tuo sito web è bloccato dagli script.
Per migliorare TBT:
- Differisci file JavaScript non essenziali e riduci a icona i file JavaScript
- Rimuovi i file JavaScript e CSS inutilizzati dal tuo sito
- Limita l'uso di animazioni e transizioni, in particolare quelle attivate al caricamento della pagina
- Usa gli strumenti integrati di Wix per ottimizzare le prestazioni del tuo sito web nell'Editor
Cosa devo fare se il mio sito web è lento nonostante segua i suggerimenti per l'ottimizzazione?
Se il tuo sito web è ancora lento dopo aver ottimizzato i contenuti multimediali e ridotto gli elementi non necessari:
- Controlla il pannello Velocità del sito nel tuo account Wix per approfondimenti specifici
- Verifica la connessione a Internet e le impostazioni del browser per problemi locali
Posso ottimizzare in blocco le immagini sul mio sito web?
Wix ottimizza automaticamente le immagini durante il caricamento, ma se hai bisogno di una compressione aggiuntiva:
- Usa strumenti esterni per comprimere le immagini prima di caricarle su Wix
- Sostituisci le immagini di grandi dimensioni sul tuo sito con versioni ottimizzate
- Per le Pro Gallery, utilizza l'opzione "Regola qualità" per ottimizzare tutte le immagini della galleria in blocco
Come posso migliorare la velocità di caricamento del mio sito mobile?
I siti mobile spesso si caricano più lentamente a causa di dispositivi più piccoli e connessioni Internet più lente.
Per migliorare la velocità di caricamento mobile:
- Nascondi gli elementi non necessari su mobile utilizzando l'Editor mobile
- Usa formati immagine più leggeri come AVIF e comprimi file di grandi dimensioni
- Evita di posizionare video o animazioni above the fold
- Abilita la memorizzazione manuale nella cache per le pagine con contenuti pesanti
Perché le mie immagini vengono visualizzate sfocate sui dispositivi mobile?
Le immagini sfocate sono spesso causate dal ridimensionamento delle immagini ad alta risoluzione per schermi più piccoli.
Per risolvere questo problema:
- Usa il Gestore media di Wix per regolare le dimensioni dell'immagine per mobile
- Sostituisci le immagini di grandi dimensioni con versioni ottimizzate sotto 1 MB
- Assicurati che le immagini non si sovrappongano ai video o ad altri elementi nell'Editor
Le animazioni possono rallentare il mio sito web? Come posso ottimizzarli?
Sì, le animazioni possono influire in modo significativo sulle prestazioni del sito. Per ottimizzarle:
- Usa transizioni semplici piuttosto che animazioni complesse
- Limita le animazioni nella parte superiore della pagina (above the fold)
- Attiva le animazioni con l'interazione dell'utente, non al caricamento della pagina
Che cos'è il caricamento lento e come influisce sul mio sito?
Il caricamento lento ritarda il caricamento di immagini e video fino a quando non entrano nel viewport dell'utente, migliorando i tempi di caricamento iniziale della pagina. Wix abilita il caricamento lento di immagini e video per impostazione predefinita.
Per ottimizzare ulteriormente:
- Assicurati che i contenuti critici vengano caricati per primi
- Riduci al minimo gli elementi above the fold per visualizzare più rapidamente i contenuti
Posso utilizzare le pagine dinamiche per migliorare le prestazioni del mio sito?
Le pagine dinamiche sono ideali per i siti con molti contenuti perché estraggono i dati da una raccolta del Gestore contenuti, riducendo la necessità di più pagine statiche. Questo può migliorare i tempi di caricamento:
- Semplificando la gestione dei contenuti
- Riducendo il numero di pagine statiche che devono essere caricate contemporaneamente
- Permettendo di visualizzare i contenuti in modo dinamico in base all'interazione dell'utente
