我在运行网页速度洞察时遇到此错误：阻止css资源。这会导致呈现页面的延迟
但是，我怎么能这样做呢？ CSS缩小了，我不能把CSS放在页脚中，所以我不明白为什么我会抱怨这个？
有这个问题的页面是wave-shopping.dk
以及见解： https://developers.google.com/speed/pagespeed/insights/?url=www.waves-shopping.dk&tab=desktop
有什么想法吗？
答案 0 :(得分：2)
由于CSS和JavaScript都可能影响页面的布局，因此在下载页面时会阻止页面呈现。要尽可能快地呈现页面，最好快速解析这些资源（通过将它们添加到页面的<head>），但也尽可能少地包含，绝对需要的是什么。这是将CSS放在页面<head>和JavaScript <body>底部的规则的基本原理，因为大多数JavaScript都不会直接影响页面的布局。
Page Speed Insights 规则，您指的是尝试进一步优化此功能。它不是优化整个页面的渲染速度，而是尝试优化页面折叠上方内容的渲染速度。
要做到这一点，<head>中的CSS应该只包含在折叠上呈现内容所需的那些部分（例如网格系统，导航栏和jumbotron;但不包含您的表单或页脚）。因为它可能只有一点CSS，他们甚至建议将其添加到内联<style>标记中以减少一个http请求。稍后通过<body>标记底部的一些JavaScript在<link>中注入<head>标记来添加CSS的其余部分。
但坦率地说，我认为这是你不应该优化的东西。我认为通过向您的静态资源添加缓存http标头并优化图像大小可以获得更多收益。除此之外，您的移动网站仍然在<head>和<link>标记上方添加了一些JavaScript。