WebSite X5Help Center

 
Gabriele D.
Gabriele D.
User

Precaricamento immagini di background  it

Autore: Gabriele D.
Visite 1497, Followers 1, Condiviso 0  

Buongiorno, avrei una curiosità da chiedere ai più esperti di me riguardo il caricamento di immagini di background (per intenderci quelle che si inseriscono come sfondo immagine nello Stile Righe). Mi stavo chiedendo come si comporta WSX5 con queste immagini, soprattutto in un sito impostato in modalità Full Height.

Supponiamo ad esempio di avere una pagina composta da 10 schede Full Height, ognuna delle quali ha un'immagine di background inserita nello stile righe. Cosa fa WSX5? Queste immagini vengono tutte caricate all'apertura della pagina? Oppure WSX5 le carica una alla volta, solo quando visibili nella scheda corrente?

Il mio interesse su questo aspetto riguarda il fatto che sto implementando pagine con molte schede, contenenti sfondi ad alta risoluzione, quindi non proprio immagini leggerissime (300k-500k ognuna). Vorrei dunque capire se sia il caso di aggiungere con codice extra uno script CSS/JS di preloading ad inizio pagina... se tale script assolverebbe la funzione di caricamento di tutte le immagini della pagina prima di visualizzarla, oppure se non servirebbe a niente.

Grazie!

Postato il
5 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... un pagina dovrebbe pesare al massimo tra 1-2 MB; ... ma si vedono tanti inesperti che producono pagine con diversi MB, innavigabili...
... poi con l'aggiunta a sproposito di WebFonts ed effetti carichi di script la situazione peggiora...
...per le immagini di sfondo non serve l'alta definizione, non percepibile ad occhio, ed ancor meno se animate; ...quello che conta sono i contenuti...
... un esperto si dedicherebbe ad un sito adatto al Desktop, per dar sfogo alla sua creatività, nei limiti accettabili, e ad un sito parallelo dedicato al "Mobile", leggerissimo e privo di fronzoli...
... il preloader per gli sfondi non servirebbe, potendo creare ulteriori rallentamenti...
... invece per l'Oggetto Immagine (ed altri oggetti) si può accoppiare l'effetto Lazy Loading, ...è un bell'effetto ma non è detto che se ne traggano benefici, rientrando nei precedenti script...

... per valutare quel che si fa ed i tempi di attesa reali, esportare in rete ed azionare nel browser tutte le volte Ctrl+F5...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Gabriele D.
Gabriele D.
User
Autore

Ho sempre apprezzato i consigli che dai, ma non posso far a meno di evidenziare un certo sarcasmo e fastidio nelle risposte che ultimamente tiri sempre fuori nei miei post.

Se reputi stupidaggini i miei argomenti poco male... non sono né un programmatore né un professore... sto solo cercando di imparare ed impegnarmi nel miglior modo che posso... ma se questo deve urtare il tuo sistema nervoso eviterò proprio di continuare a scrivere su questo forum.

Grazie ugualmente.

Leggi di più
Postato il da Gabriele D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... no! ...hai frainteso qualcosa! ...  ...non so e non ricordo dei tuoi post precedenti e non ci perdo tempo, e per gli inesperti mi riferivo a quelli (indefiniti!) che hanno postato pagine di otre 45 MB; ... se lo hai fatto anche tu non lo so e nel caso ti serve per imparare come dici e porre rimedio;  ...niente di strano; ...a te saper valutare...wink...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Gabriele D.
Gabriele D.
User
Autore

Se ho mal interpretato chiedo scusa... le mie pagine pesano mediamente dai 2Mb ai 3Mb ciascuna... la più pesante (con molte schede) arriva a quasi 8Mb. Resta il fatto che il contenuto principale è proprio l'immagine di background caratteristica di ogni scheda Full Height... è la chiave portante del contenuto (nel body non ci sono altre immagini, solo un micro-testo d'accompagnamento e basta). Posso certo provare ad usare una compressione JPG maggiore per ridurre un po' il peso... ma per me, e per il mio lavoro, è anche importante preservare un alta qualità fotografica... e per questo mi chiedevo come WSX5 gestisce il loading delle immagini di background nello stile righe. Quando potrò esportare in rete mi renderò meglio conto del comportamente ma per adesso non posso farlo, e se riuscissi ad ottimizzare la cosa già prima di concludere il progetto sarebbe certamente meglio.

Leggi di più
Postato il da Gabriele D.
Fabio C.
Fabio C.
User

Anche se il sito non è finito, per valutare il tempo effettivo di caricamento, che comunque dipende anche dalla connessione di ogni utente, potresti pubblicarlo in una sottocartella test o in uno spazio gratuito tipo Altervista.

Leggi di più
Postato il da Fabio C.