I appeal to those who have already encountered. The question is:

Does it make sense to cluster svg into square areas (grid) with links to the objects in them for filtering and then showing only elements that fall into the scope ( display: none/block; )?

Or browsers are able to do something like that?

Thank!

  • There is an assumption that it is unlikely - browsers are not so stupid, and save performance where they can. And if even now, suddenly, someone can not: in six months he can. - Goncharov Alexander

1 answer 1

The scope is called Viewport; it is defined by declaring the size of the main descriptor:

 <svg width="500px" height="300px"></svg>

I did not find official data on rendering outside the scope, but private empirical research (by profiling) confirms that the use of display: none outside the range of visibility can significantly reduce the amount of resources used.