通过在

Question

我正在优化网站加载，并从Google的PageSpeed Insights中找到（通常我认为）消息，从您网站的顶部删除阻止CSS。

我已经搜索了非javascript解决方案，似乎将CSS放在正文的底部（作为sripts）会因为这个文件的位置而避免此页面速度增加。

我怀疑是因为：

• 我从未在其底部找到包含CSS文件的网站。
• 我觉得底部有CSS文件是危险的，因为这个事实 网站可以从一开始就加载没有CSS。

这个问题的常用解决方案是什么？有没有任何方法可以在没有JS的情况下异步加载CSS外部工作表？

Answer 1

您可以将CSS分成两部分。第一个包含呈现内容"above the fold"的代码。这是你没有滚动看到的。其余部分可以包含在页面底部。

优点：
您的浏览器只能获取要渲染的重要代码，以便为用户提供尽快使用看似渲染的页面，而浏览器会在页面底部显示“在后台”。

但在我的测试中，它对页面速度没有那么大的影响。登记/>