我有一个问题要讨论 - 添加额外时JavaScript库和CSS文件的某些部件，插件等，jQuery的图书馆 - 性能
例如页面的性能和速度：我想一个简单的日期选择器和附加timepicker我输入字段。
我不得不整合的是JQuery UI库，timepicker脚本，+2个不同的css文件。
我认为这是很多额外的代码。我没有很多速度方面的经验，所以这就是为什么我问你们，所有额外的东西影响页面速度和性能多少？
变化显着吗？
如何整合代码将比代码存在的事实更重要。如果您将它们全部保存在单独的文件中并将它们包含在页面的头部，那么它可能会使页面放慢一点（仅仅是从往返取代码）。
如果可以的话，你应该： - 合并与你现有网站的CSS的CSS（这应该是在头部和缓存） - 把所有的脚本的时间选择器，并支持库到一个单一的js文件 - 在你的身体的末端异步加载javascript，以免它阻止加载任何页面内容
您还需要小心如何将代码附加到DOM上的元素。如果你有一个相当复杂的DOM，那么像$（“。mycalendar”）。xxx这样的东西可能会非常昂贵，特别是在较老的IE浏览器上。如果可能的话，为元素使用一个ID并选择使用它，否则JQuery将最终遍历整个DOM（是的，JavaScript执行本身很快，但是任何触及DOM的东西都不是）。
JavaScript以数百万运算/秒运行。除非你包含一个非常差的库/插件或图像重载的CSS，差异将在毫秒的小数。当然，加载时间不包括在内。 jQuery和其他流行的库通常已经缓存在用户的浏览器中，因此使用CDN托管的库应该只需几毫秒就可以从CDN中检索302状态。 – 2012-08-03 10:01:09
性能最大的影响将来自额外的服务器请求抓取这些文件。如果可能的话，在启动时尽可能少保存.js和.css文件。例如，我通常将我的所有javascript保存在名为scripts.js的文件中，并将所有.js插件保存在一个名为plugins.js的文件中 – ninja 2012-08-03 10:03:26