由于 93% 的访问者使用移动设备，因此拥有快速加载的页面对我来说至关重要。为了获得一些建议，我使用 PageSpeed Insights 工具测试了我的页面。其中一个发现让我担心。
建议：推迟未使用的 CSS
…v154…/styles__ltr.css(www.gstatic.com), 89 KB -> 1,05s
我真的很担心那个1s。有什么我可以做的吗？Recaptcha 对我来说是重要的组成部分，所以我不想简单地摆脱它。任何建议/建议表示赞赏！
谢谢。
问问题
3520 次
1 回答
1
我个人处理延迟未使用的 CSS 的技巧是延迟 CSS，并内联折叠上方所需的关键样式。
要推迟 CSS，这是一种简单的方法。 如何异步加载 CSS
此方法将通过延迟 CSS 加载来满足 PSI，但如果由该 CSS 设置样式的内容是用户在首次加载页面时将看到的内容，则您不希望他们看到未设置样式的内容。
因此，为此，您在标签中添加折叠上方所需的样式。您可以使用https://jonassebastianohlsson.com/criticalpathcssgenerator/等方便的工具提取折叠关键 css 。或 https://www.sitelocity.com/critical-path-css-generator
第一个允许您指定准确的样式以从中提取关键样式，而第二个则下载站点的所有 CSS。使用最适合您需要的一种。
了解更多关于首屏内容：https ://whatis.techtarget.com/definition/above-the-fold
于 2019-09-09T17:25:02.363 回答