谷歌PageSpeed洞察力的CSS优化 [英] Css optimization for google pagespeed insight
问题描述
第一个测试运行结果:CSS没有正确优化. https://developers .google.com/speed/pagespeed/insights/?url = http％3A％2F％2Fwww.tdb.lt％2F
First test run result: that CSS not optimized properly. https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tdb.lt%2F
根据Google的优化建议，我替换了CSS加载方法 https://developers.google .com/speed/docs/insights/OptimizeCSSDelivery
From google optization suggestion I replaced my CSS loading method https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
此后，Insights开始完全不加载CSS(显示屏幕截图).
After that Insights started not to load CSS at all ( Shows screenshot ).
与此替换的CSS加载方法: CSS传递优化:如何推迟CSS加载?(RafaSashi的回答). Pagespeed Insight开始正常显示(使用CSS)，但出现了相同的建议-"CSS未正确优化."
Replaced CSS loading method with this one: CSS delivery optimization: How to defer css loading? ( RafaSashi's answer ). Pagespeed Insight started to show normally ( with CSS ) but same suggestion appeared - "CSS not optimized properly."
如何正确加载CSS，以便将其加载到Insights中而没有修复建议?
How to load CSS properly so it be loaded in Insights and without the Fixing suggestion?
推荐答案
最后，我已经弄清楚了.
Finally I have figured it out.
您需要的只是
- 要创建core.css(小的文件，其中包含主站点的布局骨架部分)并以内联形式输出，如下所示:
<style>body{border: 0px} footer{background-color:#c0c0c0;}</style>
- 您需要在其中添加JavaScript代码的其他CSS，您可以在此处找到: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
这篇关于谷歌PageSpeed洞察力的CSS优化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
