WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine di sfondo in stile righe è ultima a caricarsi  it

Autore: Vincenzo Errico
Visite 1429, Followers 1, Condiviso 0  

Ciao a tutti!

Vorrei sapere se è corretto il comportamento dell'immagine di sfondo tramite "stile righe" (nel mio esempio solo desktop viene visualizzata) che ho inserito come "copertina" in diverse pagine, ecco un esempio: https://www.vincenzoerrico.it/beautiful-wedding-pictures-in-certaldo-tuscany.html

Come si può notare (anche se l'immagine di sfondo pesa appena 139kb) il suo caricamento avviene solo dopo che la pagina ha terminato di caricare tutto il suo contenuto. E mi chiedo se esiste un modo per dare precedenza ad un'immagine piuttosto che ad un'altra?

Grazie.

Postato il
6 RISPOSTE
Giuseppe Guida
Giuseppe Guida
User

Si ho verificato. In effetti ti carica prima tutto il resto della pagina e alla fine l'immagine inziale in Stile righe. Non saprei proprio... Di certo non è bello da vedersi così il sito. Hai ragione

Leggi di più
Postato il da Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...da me si carica quasi in contemporanea col resto... ma ora sto testando con una linea veloce...

l'immagine sarà 139kb ... però , la tua pagina "pesa" 17Mb se non ho fatto male i conti... il che è decisamente molto...

...ci sono istruzioni per fare il preload , ma non so se possono aiutarti... visto il peso della pagina ...

Leggi di più
Postato il da Claudio D.
Vincenzo Errico
Vincenzo Errico
User
Autore

Ora mi pare migliorata... ho sfoltito un po' di foto e applicato l'opzione "Lazy loading" alle immagini dalla decima riga in poi. Trovo che impostando l'opzione Lazy loading permetta un caricamento e visualizzazione delle immagini abbastanza veloce su desktop ma, abbastanza lenta su smartphone. Cioè, sui dispositivi mobile ci mette un po' ad apparira l'immagine. Ho applicato anche l'effetto dissolvenza "Fade in" con tempo di 0,50s per evitare di far comparire quel fastidioso preload nel caricamento delle immagini.

Leggi di più
Postato il da Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

senza alcun dubbio è migliorata Vincenzo

Leggi di più
Postato il da Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Migliorato tutto!

Leggi di più
Postato il da Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autore

Grazie del feedback, ragazzi! wink

Leggi di più
Postato il da Vincenzo Errico