Keep DOM access via JavaScript to a minimum


Accessing the DOM (Document Object Model) via JavaScript is a heavy process that uses a lot of processor power (CPU). Minimize this type of access as much as possible.
To do so, you can assign a node to variables that you will repeatedly use in the application’s lifecycle, which avoids traversing the tree each time the document is manipulated.
Libraries such as ‘Shadow DOM’ can also be used to optimize the tree though a batch system.

To learn more, read about W3C’s Shadow DOM project at:

W3C’s recommendations to minimize DOM access via JavaScript:

This best practice should only be applied if it is coherent with your project's specifications.
Under CC-By-NX-SA license