If I have a div with some heavy loading content in it like some large pictures. Will my site load the content of this div if it is set to display none in my stylesheet or will the div and its content be ignored and not loaded?
3
-
4Content will be loaded.sinisake– sinisake2013-06-13 17:27:19 +00:00Commented Jun 13, 2013 at 17:27
-
1you may want to check this browser request trivia game out.zzzzBov– zzzzBov2013-06-13 17:28:38 +00:00Commented Jun 13, 2013 at 17:28
-
possible duplicate of Does "display:none" prevent an image from loading?cimmanon– cimmanon2013-06-13 18:28:46 +00:00Commented Jun 13, 2013 at 18:28
Add a comment
|
3 Answers
As per Request Quest:
<div style="display: none"><img src="img.png"></div>Does the above trigger a request for img.png in any of the following:
Chrome, Safari, Firefox, IE
Correct! The request was made in Chrome, Safari, Firefox & IE.
Aha! Yes, browsers download imagery regardless of style, as per the spec.
This behaviour has been the downfall of many JavaScript implementations of adaptive imagery, as the original image gets requested before JavaScript can jump in and alter the
srcproperty.
Comments
It'll be loaded, if you want a lazy load try changing the css background attribute to match another URL, will be loaded then
Comments
Yes it will still be loaded. The browser will still load the values of any content of a div set to display='none' because it is part of the HTML code.
If you want to avoid loading very large media in the html, you should work with javascript or PHP conditions.
