Poniamo che voglia prevenire il caricamento di un immagine su device mobile, è possibile farlo con srcset o picture, oppure le immagini vengolo tutte ugualmente precaricate e poi selezionate per la visualizzazione in base al viewport?
Poniamo che voglia prevenire il caricamento di un immagine su device mobile, è possibile farlo con srcset o picture, oppure le immagini vengolo tutte ugualmente precaricate e poi selezionate per la visualizzazione in base al viewport?
è proprio quello che fa srcset: consente di caricare solo il necessario in base alla dimensione dello schermo
https://www.w3schools.com/tags/att_source_srcset.asp
leggi anche questo interessante articolo
https://css-tricks.com/responsive-im...ns-use-srcset/
Ultima modifica di Vincent.Zeno; 19-12-2017 a 15:17
Quello che volevo capire era proprio il comportamento del browser davanti a srcset: carica prima l'immagine responsiva e poi le altre, oppure scarica solo quella idonea e le altre al momento in cui cambia il viewport (ad esempio per la rotazione landscape/portrait di un device mobile, o il ridimensionamento di una finestra desktop). Mi interessa per sapere se c'è un effettivo consumo di banda per l'acquisizione di risorse.
"consente di caricare solo il necessario", quindi si risparmia
Rispondi quotando
