WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine di sfondo in stile righe è ultima a caricarsi  it

Autor: Vincenzo Errico
Besucht 1403, Followers 1, Geteilt 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.

Gepostet am
6 ANTWORTEN
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

Mehr lesen
Gepostet am von Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Nutzer des Monats 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 ...

Mehr lesen
Gepostet am von Claudio D.
Vincenzo Errico
Vincenzo Errico
User
Autor

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.

Mehr lesen
Gepostet am von Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

senza alcun dubbio è migliorata Vincenzo

Mehr lesen
Gepostet am von Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Migliorato tutto!

Mehr lesen
Gepostet am von Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autor

Grazie del feedback, ragazzi! wink

Mehr lesen
Gepostet am von Vincenzo Errico