"display: none" ausreichend oder doch extension?

[quenn]

Hallo allerseits,

ich baue jetzt gerade zum ersten Mal eine Seite "mobile first", im Prinzip gibt es einen entscheidenen Breakpoint ab min-width: 900px. Es gibt divs mit background-image, die durch "display: none" nicht angezeigt werden und erst ab dem Breakpoint auf "display: block" umgestellt werden. Jetzt habe ich mir mit den Chrome Developer Tools angeschaut, was so beim Laden der Seite passiert, und tatsächlich werden die entsprechenden Bilder nicht geladen, wenn das Browserfenster in der Breite kleiner als 900px ist. Ist die Seite dann fertig aufgebaut und ich ziehe das Fenster größer, dann werden die Bilder nachgeladen.

Meine Frage ist jetzt: Kann ich mich darauf verlassen und werden tatsächlich auch mobil diese Bilder nicht geladen (solange der viewort unter 900px Breite hat), und handelt es sich hier um Standard Browser Verhalten, dass Background-Images von nicht angezeigten divs nicht geladen werden, oder liegt das an Contao?

Danke und Gruß

[Samuell]

Soweit ich weis, trifft das allgemein nicht zu.
Ein Beispiel sind Bilder, also <img>.
Die werden mit "display: none;" zwar nicht angezeigt, jedoch trotzdem geladen.

Aber bei einem Hintergrund hast Du es echt einfach.
Wenn er nicht angezeigt werden soll setzt Du "background-image: none" und an den passenden Stellen ersetzt Du das durch ein Bild.