如谷歌网页洞察工具
中所述为了获得最佳性能，PageSpeed Insights建议您将网页的关键（首页）CSS直接嵌入到HTML中。
想知道这是多么有效，代码结构明智。因为它会增加每个HTML页面上的代码行。有没有其他有效的方法来消除这种情况，而不是直接将CSS内联到HTML页面？
答案 0 :(得分：1)
就尺寸而言，这将是微不足道的（我们正在讨论字节或额外大小的几个K）但是当你在每个页面内嵌所有css时，你的可维护性就会消失。这当然忽略了缓存 - 你只需要下载一次，然后后续页面将从缓存中受益。
如果您决定采用此路线，请使用Less至render out the necessary CSS through a build process之类的工具。这样，您仍然可以保留一个集中的，易于维护的CSS文档，但它可以在构建时利用内联。