将javascript和css内联放在一个缩小的html文件中以提高性能？

Question

典型的网站包含一个index.html文件和一堆javascript和css文件.为了提高网站的性能,我们可以:

缩小javascript和css文件,以减小文件大小.
将javascript文件连接成一个文件,类似于css文件,以减少对服务器的请求数.对于像jquery这样的常用(和共享)库,将它们留在外部是有意义的,允许浏览器缓存库并在不同的Web应用程序中重用它.

我想知道将串联的javascript和css文件内联到单个html文件中是否有意义,这将进一步减少请求的数量.这会改善您网站的效果吗？或者它会反转,使浏览器无法缓存任何内容？

Answer 1

将CSS和JS文件合并到一个文件中将减少请求数量并加快加载速度.但正如评论的那样,除非你有一个单页的网站并且该页面的加载时间非常关键,否则它没有多大意义.因此,在我看来,最好将CSS与Javascript分开.

这是一本书,您可以在其中了解有关该主题的更多信息:

Answer 2

这个工具也许能帮到你。将您的网页转换为内联所有内容的单个 HTML 文件 - 非常适合您希望减少那些 http 请求的移动设备上的 appcache 清单。