我有一个问题要讨论 - 为某些小部件、插件等添加额外的 javascript 库和 css 文件时的页面性能和速度。
例如：我想要一个简单的日期选择器和额外的时间选择器用于我的输入字段。
我必须集成的是 JQuery UI 库、timepicker 脚本、+2 个不同的 css 文件。
我认为那是很多额外的代码。我在速度方面没有太多经验，所以我问你们，所有这些额外的东西对页面速度和性能有多大影响？
变化是否明显？
问问题
81 次
1 回答
2
如何集成代码比代码存在这一事实更重要。如果您将它们全部保存在单独的文件中并将它们包含在页面的头部，那么它可能会大大降低您的页面速度（仅来自获取代码的往返行程）。
如果可以，您应该： - 将 css 与您现有的站点 css 合并（应该在头部并且可缓存） - 将时间选择器和支持库的所有脚本放入单个 js 文件中 - 异步加载 javascript或在正文的末尾，这样它就不会阻止任何页面内容的加载
您还需要注意如何将代码附加到 DOM 上的元素。如果你有一个相当复杂的 DOM，那么像 $(".mycalendar").xxx 这样的东西可能会非常昂贵，尤其是在旧的 IE 浏览器上。如果可能的话，为元素使用一个 ID 并使用它进行选择，否则 JQuery 最终会遍历整个 DOM（是的，javascript 执行本身很快，但任何接触 DOM 的东西都不是）。
于 2012-08-03T18:37:35.670 回答