我想知道是否建议将网页所需的所有CSS和JavaScript嵌入(内联)到和标记中,而不是让浏览器下载这些文件。这样做是明智的吗?
我的“应用程序”是SPA,我已经设法将所有内容(包括图像和字体图标(作为base64))都编译到一个index.html中,但是我不确定这是否是常见的做法。
提前致谢。
最佳做法是将每个资源(脚本,CSS,图像等)拆分为单独的文件。这将允许浏览器下载和缓存每个资源以供将来重用(甚至用于其他页面)。但是浏览器每一个来源最多只能有六个(在撰写本文时)并行连接。这就是为什么页面上的大量外部资源导致糟糕的页面加载性能和糟糕的瀑布效果的原因。
有很多技术可以提高性能,例如:捆绑,域分片,图像精灵等。对于某些关键资源,您也可以使用内联技术。它使浏览器无需额外请求即可立即使用此资源。例如,您可以嵌入加载指示符所需的所有资源(图像,CSS,脚本),浏览器将在无需其他请求的情况下呈现该资源。
为了获得最佳的开发风格,请勿嵌入资源并使用单独的文件。如果您关心性能,则应调查页面的瀑布(例如,此处或任何浏览器的开发人员工具中的“网络”选项卡),并使用一些技巧对其进行改进。如果您对此领域感兴趣,建议您阅读以下书籍:
请注意,此技术仅与HTTP 1.1有关。对于HTTP 2.0,这只是有害的,因为新版本旨在提高性能。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句