screen options still 'load' content, so page load is slow

Hi there ~ when inspecting the page code, I notice that any container that is set to be hidden on a certain screen sizes is still being loaded, even though it’s set to display:none. Ultimately this means slowing down the overall page load because there are a handful of containers meant only for certain screen sizes.. so is there a way to modify it so that the hidden content doesn’t load at all? or perhaps a way to simply load an entirely different page on mobile? or another solution?

thanks!