how can I allow make content only LOAD on certain screen sizes? I have turned off the visibility for phones, yet it loads the section in the background which means that it also loads all its included images.
What I am trying to achieve is that certain images are not loaded on mobile devies. I know how to hide these images, but I am not able to prevent them from loading in the background. The discussion was [also held before] (Don't load section on mobile view), without yielding an answer that I can work with.
more and more modern browsers won’t load display:none images when they don’t need to
If you make the image a background-image of a div in CSS, when that div is set to “display: none”, the image will not load. (When CSS is disabled, it still will not load, because… CSS is disabled)