使用两个或多个$(document).ready会影响性能吗
Does it affect performance to use two or more $(document).ready.. ?
我正在做一个网站项目。项目负责人告诉我,保留两个或两个以上的$(document).ready
是不对的。这会影响性能吗?我更喜欢保留多个$(document).ready
,因为我有很多jquery代码,这是划分代码块的好方法。
这是一个额外的函数调用,因此它当然会影响性能。
它不会对它产生任何重大影响。它甚至可能不会以任何可衡量的方式影响它(考虑到典型计算机上影响浏览器中JS性能的所有其他变量)。
只要$(document).ready
处理程序不重复功能,那么第二个处理程序的性能影响可能是不可接受的。
根据这个jsperf基准-http://jsperf.com/ready-callback-function-vs-document-ready-function/6-我运行Chrome的机器每秒可以分配大约325000个文档就绪处理程序。
它还有几个函数调用(ready
方法、里面的函数以及处理程序本身),但这不会对性能产生显著影响。
这是划分代码块的好方法。
这就是为什么它应该被使用。不仅为了可读性和可维护性,而且处理程序将具有不同的作用域,垃圾收集可以更高效地工作,可以提高性能。
当然,实现这一目标可能还有更好的方法。分区应该使用模块模式(从ready
事件加载工作,直到解释声明为止),然后您还可以在一个现成的处理程序中调用所有模块的init
函数,而不是让每个模块安装自己的处理程序。
相关文章:
- 正在寻找比$(document).ready慢的$(window).load的替代方案
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 在同一个服务工作者中处理service-worker.js有任何影响吗
- jQuery document.ready not working
- jQuery工具验证器自定义效果-添加&消除影响
- 如何在不影响其他元素的情况下扩展DIV
- jQuery加载的async和ready函数不工作
- 如何通过documents.ready函数中的javascript自动按键(ctrl+shift+i)
- jQuery document.ready停止代码
- 停止对document.ready函数的重定向/刷新
- NodeJ中的注释会影响性能吗
- $(document).ready和jQuery(function($)不工作;jQuery已定义,但脚本尚未定义;t进
- 是否可以使用Chart.js缩短雷达图上的外部标签,而不影响其他标签
- ready函数在每个页面中触发
- "过渡到“;影响Ember中的页面刷新
- 我如何使解析查询不同,这样它们就不会相互影响
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- 函数从$(document).ready外部调用在$(document).ready中定义的函数
- 使用两个或多个$(document).ready会影响性能吗
- 更改(document).ready上受regex影响的字符串的颜色