javascript – DOM元素太多

前端之家收集整理的这篇文章主要介绍了javascript – DOM元素太多前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在构建一个单页webapp,它开始变得非常大.应用程序有几个组件,每个组件都经过精心设计.平均而言,该应用的DOM元素数量为1200.我的YSlow扫描警告我这太多了,我应该有不超过700个DOM元素.

我的标记通常非常严格和高效,我怀疑我能够修剪得多.我倾向于使用大量的DOM元素来使样式完全正确并跨浏览器工作.

如何大幅减少DOM元素的数量
我是否必须按需加载更多内容(ajax)而不是全部加载页面
大量DOM元素对性能有很大影响吗?

我很想听听人们对此的体验以及您可能拥有的任何解决方案……

最佳答案
如果你通过Javascript页面上进行大量的DOM和/或CSS操作,那么dom元素的数量只会进入图片.扫描具有50,000个元素的页面中的ID总是比仅有500个页面页面慢.更改大部分页面继承的CSS样式很可能导致比更简单的页面更多重绘/回流页面等…

减少元素数量的唯一方法是简化页面.

原文链接:https://www.f2er.com/html/426355.html

猜你在找的HTML相关文章