Google Pagespeed Insight:"优化以下内容的CSS交付".如何?

lee*_*lee 5 wordpress pagespeed

我在Google Page Speed Insight上测试了我的wordpress网站,得分为95/100.它建议我应该"优化CSS交付"1 css文件:

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
Run Code Online (Sandbox Code Playgroud)

现在它和页脚下面的所有javascript代码一起坐在页脚中.我把它移回头标签和相同的结果之间.如何优化css文件的css传送?

小智 4

对于大型 CSS 文件,您需要识别并内联渲染首屏内容所需的 CSS,并推迟加载其余样式,直到加载首屏内容之后。

摘自: https: //developers.google.com/speed/docs/insights/OptimizeCSSDelivery

实际上将所有 css 放在一起并不是最好的。您应该首先调用渲染所需的样式,然后调用您的大样式表。

如果您想知道如何很好地推迟样式表,请执行以下操作:

CSS交付优化:如何推迟CSS加载?

希望我能帮到你:)