Fél*_*anz 6 html css css3 pagespeed http2
当您在外部文件中阻止CSS时,Google Pagespeed会抱怨.在HTTP/1中这可能是有道理的,但现在使用HTTP/2呢？
如果你内联关键CSS(在首屏之上),那些字节仍然需要在文档呈现之前下载,解析和其他所有内容.
使用HTTP/2,不需要进行另一个连接,因为可以重用它,因此这不是开销.此外,通过服务器推送,您甚至可以在请求之前推送CSS文件.
那么......推荐关键的CSS仍然是推荐的东西吗？
我同意在重型网站中,您可能不想下载所有CSS.例如,如果您正在访问图库,您只需要gallery.css,而不是profile.css,而不是forum.css等.但是这可以通过块和其他技术进行管理(并且仍然使用外部css文件,无需内联他们)
内联还使CSS不可缓存.
我错过了什么？
这与可能的重复问题无关.标记为重复的人不知道什么是关键的CSS,或者甚至没有读过这个问题.
它并不是真正要下载所有文件，而是要下载这些文件需要多长时间。
如果您使用关键CSS，则直接显示CSS（设计），因此比首先下载CSS文件要快得多，因为CSS直接位于<head>页面中，因此页面会直接显示而不会阻塞资源（例如下载大CSS文件 ）。
如果您的 CSS 文件大小为 5MB，则浏览器首先必须下载该文件，直到显示设计。