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