我正在尝试提高网站的渲染速度。
CSS 和 JS 文件大多引用如下元素：
Javascript：
$('.some_element').doSth()
CSS：
.some_element { /* do something */ }
只是好奇 - 这是在 javascript 解析和网站渲染方面引用元素的最佳方式吗？做类似div.some_element 之类的事情不是更好吗？
感谢您提供一些信息！
问问题
103 次
3 回答
2
div.some_element.some_element如果您不只是拥有使用 some_element 类的 div，则将不同于。
也许使用 Chrome 的内置开发人员工具（或替代工具）比较渲染时间，看看它是否对您有帮助，但我怀疑它会很重要。
于 2012-02-28T02:55:15.657 回答
2
如果速度是一个优先事项，您可能希望尽可能多地切换到vanilla javascript 。本机 javascript 比 jQuery 更快。
如果您想保留您的 jQuery 选择器，请使用父上下文来使元素的搜索更有效。示例 $('#parent').find(child)
您可以在网上找到更多关于 javascript 和 jquery 优化的提示：http: //engineeredweb.com/blog/10/12/3-tips-make-your-jquery-selectors-faster/
于 2012-02-28T03:06:09.340 回答
1
查找单个元素的最快方法通常是使用 id，而不是类：
document.getElementById("whatever")
如果您必须使用 jQuery（它不如普通 javascript 快），那么您将使用：
$("#whatever")
如果速度真的很重要，您可以在页面加载时解析一次 DOM 元素并保存直接 DOM 引用，这样您以后代码实际执行时就不必找到它。
与所有性能问题一样，回答性能问题的唯一真正方法是对几个实现选项进行基准测试并实际测试哪个更快。
于 2012-02-28T03:10:59.610 回答