我应该在移动网站中嵌入CSS和JS以节省带宽吗？

Question

当我创建一个仅限移动网站时，为了节省带宽，是否有理由不要插入CSS & JS？

Answer 1

在衬里任何事物都有不同的效果：

• 降低请求数量 - 但会增加你的HTML文件大小
• 增加HTML文件的大小 - 加载时间大幅增加
• 没有缓存 - 你已经失去了一个好机会
• 维护就像地狱 - 除非你作为你的开发过程的一步内联

一个好的博客文章，你可以阅读 - Why inlining everything is not the answer 在那里，他只是建议内联非常小文件（小于1KB）

哎对了，为什么不在线 - 谷歌确实在他们的主页。任何拥有“View-ed Source”的人都可以看到它。但仍然是您的选择。
如果您仍然想减少HTTP请求的数量，那么最好使用构建工具自主执行内联操作。否则，你将不得不经过“维护地狱”。

Answer 2

只有我可以想到的可能的好处是少了几次HTTP请求，但如果你这样做，你完全放弃了缓存文件的好处。

缓存是一件好事，它节省了带宽，所以我不明白为什么你想失去这种优势。除此之外（与性能无关），维护将成为一切内联的噩梦，就像任何网站一样。

如果还有更令人信服的理由，我不会感到惊讶。

使用单独的文件。

Answer 3

是的，这个原因被命名缓存:-)不是内联CSS和JS将被缓存（与HTML支持使用高速移动浏览器）

Answer 4

是。首先，你要么必须这样编码，要么动态地内联它们。动态=浪费处理能力。这样的代码=很难维护和不好的做法。什么？几乎没有保存任何带宽，它使缓存变得不可能，实际上可能会让你减慢速度。另一方面，现在缩小 ...这就是你应该做的。尽量减少你的CSS和JavaScript，把它们合并成一个文件，如果你动态地做到这一点，这是好的，因为好处大于问题。