WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine di sfondo in stile righe è ultima a caricarsi  it

Author: Vincenzo Errico
Visited 1629, Followers 1, Shared 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.

Posted on the
6 ANSWERS
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

Read more
Posted on the from Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Best User of the month 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 ...

Read more
Posted on the from Claudio D.
Vincenzo Errico
Vincenzo Errico
User
Author

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.

Read more
Posted on the from Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

senza alcun dubbio è migliorata Vincenzo

Read more
Posted on the from Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Migliorato tutto!

Read more
Posted on the from Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Author

Grazie del feedback, ragazzi! wink

Read more
Posted on the from Vincenzo Errico