Javascript 显示=隐藏自由浏览器加载吗

我有一个主页和一个画布元素（如在agar.io中），我隐藏我的界面，并在游戏开始时显示画布：

const mainpage = document.getElementById('mainpageID');
const mainpage_elems = mainpage.getElementsByTagName("*");

for (let i = 0; i < mainpage_elems.length; i++) {
    const element = mainpage_elems[i];
    element.style.display = "none";
}

const mainpage=document.getElementById（'mainpageID'）；
常量mainpage_elems=mainpage.getElementsByTagName（“*”）；
for（设i=0；i

---

这是否也有助于优化我的网站，使浏览器能更快地运行我的游戏？因为它知道我所有的其他元素都是隐藏的，所以它可以专注于画画布。这是真的吗？

虽然浏览器仍然有对元素的引用，但它不会在重画中渲染元素，因此它仍然会占用内存库中的空间！如果它不渲染元素，这意味着至少CPU/GPU将有更多的“时间”来绘制画布。是的，绘制时间更少，但除非有大量元素，否则您不会注意到差异。