在每个页面上不包含JS和CSS文件有什么好处吗？

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

来源

2015-08-13 Jeff

是的，有利于减轻浏览器的页面加载要求 – charlietfl

Bootstrap CSS通常用于对网站的页面框架进行风格设置。不包括在特定的网页上表明该页面不像其他页面那样。这可能会导致一些视觉不连贯。那是你的意图吗？ –

我不是故意说我不会包含主Bootstrap CSS。有Bootstrap插件有自己的JS/CSS。 – Jeff

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

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

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

来源

2015-08-13 22:33:26

是的。好处是浏览器不需要解析它们，也不需要为它们生成的实体分配内存 - 无论是CSS类还是JS对象&变量。

来源

2015-08-13 22:23:46 Amit

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

来源

2015-08-13 22:24:15 oguzhancerit

在每个页面上不包含JS和CSS文件有什么好处吗？

回答

相关问题