Javascript 一个文件应该有多大；你不能用html内联吗？

谷歌建议通过内联小型CSS和javascript优化网页

参考：

---

但是在什么时候我们应该停止内联，在最好引用文件而不是内联文件之前，是否有一个建议的最大字符数

内联可能有益的情况：

• 样式或脚本仅在该页面上使用
• 单页应用程序
• 样式被确定为“关键”，并将使页面显示为加载速度更快。见本文：

内联可能有害的情况：

• 样式或脚本在多个页面上使用-如果在每个页面上内联，它们将不会被缓存，需要在每个页面上再次下载

---

如果页面上只有很少的元素，并且这些元素只有很少的类/id，我认为您可能会从内联样式中获益，否则这是一种糟糕的做法。我的意思是，如果你为其他100多个元素调用css文档，那么为其中的两个元素使用内联样式是没有用的。我认为本文的重点不是为非内联文件定义“最小”大小。使用尽可能少的请求（减少往返时间）更为明智。不要根据性能指标决定是否要使用内联脚本或样式。你应该尝试缩小并合并相关的css和js文件到一个文件中。当然，@NicoO说，尽可能地合并css文档。这样做的全部目的是最小化HTTP请求。如果您正在构建一个单页站点，无论出于何种原因，该站点的内容都非常少，那么，是的，您也可以使用内联样式，它消除了对另一个文件的HTTP请求的需要，从而为您节省了几毫秒的时间。要知道的是，如果不是这样的话，您只需要向单个CSS文件发出一个HTTP请求。通过将代码内联来删除该请求，只需简单地编辑页面即可节省几十毫秒，实际上，从两个标签下载两个50kb的css文件通常比下载一个100kb的文件或从第一个标签导入第二个50kb的文件要快。我正在写答案，但你打败了我，我认为你总结得更好。我认为这篇文章的主要目标是最小化的网站，其中只有一个页面和非常少的内容。