不包括JS＆amp;每页上的CSS文件？

Question

我的脚本需要jQuery，Bootstrap和一些插件才能工作，这5个JS和4个CSS文件都包含在我网站的每个页面上。然而，并非每个页面都使用jQuery和Bootstrap的JavaScript / CSS，因此我可以从那些不需要它们的页面的头部删除这些文件。这样做有什么好处吗？

Answer 1

绝对。不要加载你不需要的东西。

考虑当您在页面上包含无关资源时会发生什么，特别是在文档头中。在将任何内容呈现到屏幕之前，浏览器必须下载，解析和执行这些资源。如果它们链接到其他资源，那么也必须加载它们。这会阻止页面呈现。这是不好的。这会强制浏览器在花费时间和CPU处理与加载页面相关的任务时执行不必要的工作。

有人可能会说，如果因为浏览器缓存而不必要地包含这些资源并不重要。我不认为这是一个有效的论点，因为用户可以使用冷缓存直接访问该页面。他们的经验会受到额外的JS / CSS的阻碍。然后可以说，用户访问的下一页确实需要这些资源，因为资源是从缓存提供的。这是真的，但它并不需要对第一页产生负面影响。资源预取是一种常见的做法，但需要在不使页面变慢的情况下完成。改为在页面加载后异步执行。

Answer 2

是。好处是浏览器不需要解析它们，并且不需要为它们生成的实体分配内存 - CSS类或JS对象＆amp;变量

Answer 3

删除您在该页面中从不使用的js和css文件会提高页面速度。 Page Speed对搜索引擎和用户来说非常重要。你需要删除它们。