Javascript Jquery库-性能

我有一个问题要讨论-当为某些小部件、插件等添加额外的javascript库和css文件时，页面性能和速度

例如：我想要一个简单的日期选择器和额外的时间选择器用于输入字段

我需要集成的是jQueryUI库、时间选择器脚本和+2个不同的css文件

我认为这是很多额外的代码。我对速度没有太多的经验，所以这就是为什么我要问你们，这些额外的东西对页面速度和性能有多大的影响

---

变化是否明显？

如何集成代码将比代码存在的事实更加重要。如果您将它们都保存在单独的文件中，并将它们包含在页面的标题中，那么很可能会使页面速度降低很多（只是从获取代码的往返过程中）

如果可以，您应该： -将css与您现有的站点css合并（应位于头部并可缓存） -将时间选择器和支持库的所有脚本放在一个js文件中 -异步加载javascript或在正文末尾加载rught，这样就不会阻止任何页面内容的加载

---

您还需要注意如何将代码附加到DOM上的元素。如果您有一个相当复杂的DOM，那么像$（“.mycalendar”）.xxx这样的东西可能会非常昂贵，尤其是在旧的IE浏览器上。如果可能的话，为元素使用一个ID并选择using，否则JQuery将遍历整个DOM（是的，javascript执行本身很快，但是任何触及DOM的东西都不快）。

javascript以每秒数百万次的速度运行。除非你包含了一个非常糟糕的库/插件，或者用图像重载了css，否则差异将以毫秒为小数。当然，装载时间不包括在内。jQuery和其他流行的库通常已经缓存在用户的浏览器中，因此使用CDN托管的库只需几毫秒就可以从CDN检索302状态。性能上的最大影响将来自抓取这些文件的额外服务器请求。如果可能的话，在启动时尽量少保存.js和.css文件。例如，我通常将所有javascript保存在名为scripts.js的文件中，将所有.js插件保存在名为plugins.js的文件中