Prestazioni del sito: progettare un sito web incentrato sulle prestazioni
Tempo di lettura: 4 min.
Le pagine del sito che hanno contenuti pertinenti e ordinati generalmente hanno un tempo di caricamento migliore e garantiscono un'esperienza più fluida per i visitatori del tuo sito.
Migliora le prestazioni delle tue pagine seguendo i suggerimenti di design riportati di seguito, come l'ottimizzazione della sezione "above the fold" (nella parte superiore della home page) e la creazione di pagine dedicate.
In questo articolo, scopri di più su:
Suggerimento:
Ti consigliamo di prestare particolare attenzione alla home page, poiché di solito questa è la prima pagina che i tuoi visitatori vedranno.
Ordine di caricamento degli elementi
Gli elementi sul tuo sito vengono caricati in un ordine specifico. Gli elementi statici o a bassa risoluzione vengono caricati più velocemente di quelli pesanti o interattivi.
L'ordine in cui gli elementi sono caricati sul tuo sito è:
- Statici: elementi che sono a bassa risoluzione e generalmente non animati, come testo e forme
- Fluidi: gli elementi che sono ricchi di contenuti e possono avere una risoluzione più elevata, ad esempio immagini o video
- Interattivi: contenuti interattivi e che possono includere codice esterno, come iFrame e app di terze parti
Tieni a mente l'ordine di caricamento quando strutturi il tuo sito e aggiungi i contenuti. Ti consigliamo di aggiungere gli elementi che si caricano più rapidamente nella sezione above the fold, perché questo è il primo contenuto visualizzato quando un visitatore apre il tuo sito.
Above the fold
La sezione above the fold è la sezione del tuo sito che i visitatori possono vedere senza scorrere e di solito è la prima parte del tuo sito a essere caricata.
Ti consigliamo di aggiungere solo gli elementi statici necessari e di mantenere il design di questa sezione semplice e pertinente.
Gli elementi che consigliamo di aggiungere alla sezione above the fold del tuo sito sono:
- Testo: il testo offre ai visitatori un'idea chiara di cosa tratta la pagina del sito o il brand. Inoltre, può essere indicizzato dai motori di ricerca e può migliorare la SEO del tuo sito. Ti consigliamo di attenerti ai caratteri di sistema ed evitare l'uso eccessivo di caratteri diversi che potrebbero risultare più pesanti. Scopri di più sull'ottimizzazione del testo sul tuo sito
- Chiamata all'azione: i CTA (Call to action) sono tasti e link che aiutano i visitatori a compiere un'azione desiderata sul tuo sito, ad esempio effettuare un acquisto o contattare la tua azienda. Le chiamate all'azione devono essere chiaramente definite e ti consigliamo di evitare di aggiungere elementi vicino ad esse che potrebbero distogliere l'attenzione dei visitatori del tuo sito
Gallerie, video e animazioni
Gli elementi fluidi e ad alta risoluzione possono aggiungere movimento e vita al tuo sito. Possono però aumentare il tempo di caricamento del tuo sito e quindi influire sulle sue prestazioni.
Ti consigliamo di essere consapevole dell'utilizzo di questi elementi. Usali solo quando necessario e cerca di evitare di aggiungerli above the fold (nella parte superiore del tuo sito).
Pagine dedicate e lunghezza della pagina
Wix offre una varietà di app che puoi aggiungere al tuo sito, fra cui Wix Stores, Blog e Video.
Ti consigliamo di avere pagine dedicate per queste app che non siano la home page del sito. Ciò impedirà che la tua home page venga sovraccaricata, il che può influire sul tempo di caricamento. Puoi quindi collegarti a queste pagine dedicate dalla tua home page utilizzando elementi come tasti, voci di menu e link.
L'aggiunta di pagine dedicate può anche ridurre la lunghezza della pagina. Questo è il numero di schermate che un visitatore deve scorrere per visualizzare un'intera pagina del sito. Ti consigliamo di mantenere la lunghezza della pagina a otto schermate o meno aggiungendo solo i componenti necessari e ottimizzando l'uso delle chiamate all'azione.
Tasti
I tasti sono un ottimo modo per visualizzare in anteprima i contenuti sul tuo sito senza compromettere le prestazioni del sito.
Aggiungi elementi statici alla tua home page (come il testo) che forniscono ai visitatori un'idea del contenuto del sito, quindi aggiungi un tasto che collega alle rispettive pagine. Alcuni esempi includono "Leggi il mio blog", "Scopri di più" o "Vai al negozio".
Hai trovato utile questo articolo?
|