您网站上的自定义jQuery脚本中有多少行代码? 多少钱太多了?

对于我们的网站,我使用了大量的jQuery – 现在我在基础库上查看340行jQuery代码。 多少是太多了? 我将添加更多,何时开始尝试压缩代码并最终转移到OOP?

最理想的是,您应该尽可能减少脚本大小,但是对于今天的“Web 2.0”网站,您很可能会积累相当多的JavaScript代码。

重要的是,在部署网站之前,请确保缩小和压缩脚本文件 ,以尽可能减少脚本文件的大小。

如果您真的对优化和改善网站性能感兴趣,我强烈建议您查看Steve Souders的高性能网站:前端工程师的基本知识

线条数量没有任何意义 – 重要的是你实际在做什么。 你可以拥有10行极其低效的代码,这些代码比精心制作的1000行代码造成更大的破坏。

多少太多取决于您的应用程序。

您应该努力简洁,但不能以牺牲可读性或用户体验为代价。

我会注意脚本加载时间比代码行更多。 如果它太大,请将文件分解为页面或节特定文件。 “太多”仅基于应用程序性能以及您认为可以为用户接受的内容。

340线是没有的,尝试使用一些telerik控件…很快达到15k +线!

这取决于您正在进行的项目。 您应该保持代码的高效性和可读性。 部署网站后,只需压缩和压缩脚本即可提高性能。

我不会关心你的JavaScript的长度。 你有多种选择,比如使用Packer来压缩你的JavaScript以便发布(你需要练习一些,因为它确实有一些规则可以解决它的工作原理)。

专注于确保您的代码易于理解且易于维护。 在网站中大量使用JavaScript可能会非常繁琐。

关于你自己试图做短或小可能会伤害你,比如果用户需要等待额外的秒来加载页面。

对于开发来说,将代码分离成单独的.js文件或者事情会变得混乱是绝对必要的。

然而,

不要在生产页面中留下大量的脚本引用。 大多数浏览器仅限于2个同时的HTTP请求。 这些脚本引用会降低页面加载速度,远远超过单独缓存组件的任何可能的好处。

您可以使用JS Builder将开发文件连接到一个文件中:

http://code.google.com/p/js-builder/

编辑:通过脚本引用我的意思是

340行的javascript什么都没有,但随着你的javascript代码库的增长,我会花一些时间研究用于压缩和连接javascript的框架。 如果您使用的是Java,我建议使用JAWR ,它允许您在开发模式下的多个引用和生产中的单个缩小脚本之间切换。 只是确保你在上线之前测试你的应用程序在生产模式,因为缩小算法可能会在一些不明显的情况下搞砸你的代码(如果你编写干净的代码并记得以’;’结束每一行你应该没问题) 。

如果你不是Java,我不知道任何框架,但实际上自己实现类似的东西并不是那么难。 我想在eZ Publish中有一些代码可以放在某处,这是用PHP编写的。