WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Immagine di sfondo in stile righe è ultima a caricarsi  it

Autor: Vincenzo Errico
Visitado 1628, Followers 1, Compartido 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.

Publicado en
6 RESPUESTAS
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

Leer más
Publicado en de Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Usuario del mes 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 ...

Leer más
Publicado en de 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.

Leer más
Publicado en de Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

senza alcun dubbio è migliorata Vincenzo

Leer más
Publicado en de Giancarlo B.
Giuseppe Guida
Giuseppe Guida
User

Migliorato tutto!

Leer más
Publicado en de Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autor

Grazie del feedback, ragazzi! wink

Leer más
Publicado en de Vincenzo Errico