Omi*_*eta 7 javascript optimization jquery
我最近在一家新公司开始工作,他们现有的应用程序有1000行Javascript代码.该基线包含数十个JS文件,可轻松超过10,000个自定义代码行,它们还使用多个第三方库,如Jquery,Livequery,JQTransform等.他们从用户那里得到的一个主要抱怨是网站客户端操作的缓慢.我的任务是优化和改进JS的性能.我的第一步显然是向前推进到最新的Jquery库,并将JSMin合并到构建过程中.除此之外,我想知道是否有人有一些关于在如此巨大的代码库上从哪里开始优化的提示？
您可以尝试安装DynaTrace Ajax Edition(这里免费下载)并查看它告诉您的内容.我认为它只支持IE8,但这可能是一个很好的起点.在我看来,它比Firebug或Chrome有一个更彻底,更易理解的探查器界面.
即跳出我的一件事是"的liveQuery",如果不使用非常小心可能会导致巨大的性能问题.
请记住这一点:在一个代码库中,这个代码库很大,随着时间的推移而发展,并且可能没有最现代化的Javascript技术,你真正的问题在于你自己的代码中的错误算法.较新的库和缩小/优化方法是很好的想法,但您需要做的第一件事是找到看似迟缓的页面然后开始分析.根据我的经验,在一个大的旧代码库这样的,你会发现什么可怕的事情真的很快.安装跟踪CPU利用率的桌面小工具.这是查看页面代码何时导致浏览器直接减速而不仅仅是网络延迟的好方法.任何大量时间内浏览器CPU使用量的任何大幅增长应该是一个很大的危险信号.