【问题标题】:Eliminate render blocking css - different ways and tools消除渲染阻塞 css - 不同的方法和工具
【发布时间】:2017-02-07 04:17:27
【问题描述】:

如谷歌页面洞察工具中所述

为获得最佳性能,PageSpeed Insights 建议将页面的关键(首屏)CSS 直接内嵌到 HTML 中。

想知道代码结构方面的效率如何。因为它会增加每个 HTML 页面上的代码行数。有没有其他有效的方法来消除这种情况,而不是将 css 直接内联到 HTML 页面中?

【问题讨论】:

    标签: html css


    【解决方案1】:

    就大小而言,这将是微不足道的(我们说的是字节或额外大小的几 K),但是当您在每个页面中内联所有 css 时,您的可维护性就会消失。这当然忽略了缓存——您只需下载一次,随后的页面就会从缓存中受益。

    如果您决心走这条路,请使用Lessrender out the necessary CSS through a build process 之类的工具。这样,您仍然可以保留一个集中的、易于维护的 CSS 文档,但它可以在构建时利用内联。

    【讨论】:

    • 感谢您的回复。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-26
    • 1970-01-01
    • 2014-01-02
    • 2013-08-03
    • 1970-01-01
    相关资源
    最近更新 更多