如谷歌页面洞察工具中所述
For best performance, PageSpeed Insights recommends inlining the critical (above-the-fold) CSS of your page directly into your HTML.
想知道这在代码结构方面的效率如何。因为它会增加每个 HTML 页面上的代码行。除了将 css 直接内联到 HTML 页面之外，还有其他有效的方法可以消除这种情况吗？
最佳答案
就大小而言，这将是微不足道的(我们说的是字节或几 K 的额外大小)但是当您在每个页面中内联所有 css 时，您的可维护性就会消失。这当然忽略了缓存——您只需下载一次，然后后续页面将从缓存中受益。
如果您决定走这条路，请使用像 Less 这样的工具至 render out the necessary CSS through a build process .这样，您仍然可以保留一个集中的、易于维护的 CSS 文档，但它可以在构建时利用内联。
关于html - 消除渲染阻塞 css - 不同的方法和工具，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42081634/