Does a webpage hidden elements also load during run time from a server

[Robin50]

On a webpage design, when we select some objects and make them hidden at a breakpoint, say at breakpoint C.

When the webpage loads live from the server and it is breakpoint C thats loading, does it also download the hidden elements in the background (but only not show them) thereby slowing the page load or hidden objects are just not downloaded at all.

[fotoroeder]

I must admit, as a non-coder, I guess it loads the element except there´s some code inserted which prevents the browser from doing so. Hidden elements in certain breakpoints may not be downloaded until one changes the width of a browser window - mainly on desktops, I guess - if that helps in loading times? I kind of know, that the more breakpoints one uses, the havier the site gets, so …?

There´s a feature, used for long pages, to prevent a browser from loading the whole content right from the beginning but only as soon as its content reaches the browser window, that may speed up a site but this was not your question.

Kind Regards,

Uwe

[Robin50]

Uwe > How is that done ? What feature is that which prevents all the data loading for a long page. It prevents even photographs etc which are off page from not loading or only text ?

[fotoroeder]

There´s a widget for it:  https://www.muse-themes.com/products/scroll-reveal  but asa far as I understand, content still loads right from the beginning but does show up only as soon as the content appears in the window. Check it out there - maybe ask them.

Kind Regards,

Uwe

[Nancy OShea · Accepted solution]

Yes, this has long been a problem because hidden elements are not removed from the DOM (document object model).  They add extra bandwidth to everyone's devices.   Ideally, all sites should be programmed to serve only specific content to specific devices.  Unfortunately Muse cannot do that.

See responsive images with SRCSET.

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

[fotoroeder]

Now at least I understand why to use "srcset" for responsiveness in Pinegrow. THX Nancy.

Kind Regards,

Uwe