【发布时间】:2017-02-07 04:17:27
【问题描述】:
如谷歌页面洞察工具中所述
为获得最佳性能,PageSpeed Insights 建议将页面的关键(首屏)CSS 直接内嵌到 HTML 中。
想知道代码结构方面的效率如何。因为它会增加每个 HTML 页面上的代码行数。有没有其他有效的方法来消除这种情况,而不是将 css 直接内联到 HTML 页面中?
【问题讨论】:
如谷歌页面洞察工具中所述
为获得最佳性能,PageSpeed Insights 建议将页面的关键(首屏)CSS 直接内嵌到 HTML 中。
想知道代码结构方面的效率如何。因为它会增加每个 HTML 页面上的代码行数。有没有其他有效的方法来消除这种情况,而不是将 css 直接内联到 HTML 页面中?
【问题讨论】:
就大小而言,这将是微不足道的(我们说的是字节或额外大小的几 K),但是当您在每个页面中内联所有 css 时,您的可维护性就会消失。这当然忽略了缓存——您只需下载一次,随后的页面就会从缓存中受益。
如果您决心走这条路,请使用Less 到render out the necessary CSS through a build process 之类的工具。这样,您仍然可以保留一个集中的、易于维护的 CSS 文档,但它可以在构建时利用内联。
【讨论】: