Perhaps a very noob question, but I was puzzled. There are 2 blocks:

<div class="desktop"> <ul> <li>lorem</li> <li>lorem</li> <li>lorem</li> <li>lorem</li> <li>lorem</li> </ul> </div> <div class="mobile"> <ul> <li>lorem</li> <li>lorem</li> <li>lorem</li> <li>lorem</li> <li>lorem</li> </ul> </div>

If you hide the mobile block in the desktop, via the @ media-request - will it increase the page loading speed or not? And accordingly, if you hide the desktop in the mobile version in the same way, will the page load speed be increased or not?

In fact, regardless of whether display: none; whether the block is worth it or not - the browser still builds this layout and draws styles, only it does not display them .... or I don't understand it that way ..

    1 answer 1

    Affects , but the use of display: none ---- is not welcome for SEO optimization. It is necessary to test the code to identify the collection of information loading scripts and document styles.

    • @Rostovpapa And how, then, it is interesting, when adapting, to hide unnecessary blocks in the mobile version? visibility: none; - so they are clickable, and still remain on the page and loaded into the DOM. Suppose clickability can be removed, but the result is the same as in display: none; - Anton