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.
In questo articolo, scoprirai di più su:
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 modificati caricano più velocemente rispetto a quelli che hanno molti contenuti.
Ottimizzare il sito può garantire tempi di caricamento migliori, oltre a un punteggio più elevato in strumenti per le prestazioni come Google PageSpeed Insights.
Come Wix misura i tempi di caricamento
Wix monitora e raccoglie dati per diversi parametri. Questi includono Core Web Vitals di Google e altri elementi essenziali come FCP, TTFB e TTI. Puoi visualizzare le
metriche di velocità del sito dal 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 homepage 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 homepage).
Le immagini caricate sui siti Wix vengono ridimensionate automaticamente per l'ottimizzazione. Ti consigliamo di utilizzare immagini JPG anziché PNG a meno che non ti serva uno sfondo trasparente, poiché le immagini JPG sono maggiormente ottimizzate per i tempi di caricamento e le prestazioni del sito.
Scopri di più sulle immagini e sulle prestazioni del sito.
Note:
- Quando possibile, Wix converte automaticamente le immagini in formati moderni come WebP. 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.
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 homepage).
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 per i dispositivi 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.
- 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.
Sistemi operativi supportati su dispositivi mobili:
- iPhone: iOS 12 e versioni successive (iPhone 6 e versioni successive)
- Android: 9.0 e versioni successive
Browser supportati sui dispositivi mobili:
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.
