Wordpress 消除首屏内容中的渲染阻塞 JavaScript 和 CSS
Wordpress Eliminate render-blocking JavaScript and CSS in above-the-fold content
请提供一些修复优化的提示CSS交付
试试这个插件 https://wordpress.org/plugins/above-the-fold-optimization/
这将修复首屏内容。
之前有人问过相关问题：What is “above-the-fold content” in Google Pagespeed?
首先你要注意，这都是关于“移动页面”的。
因此，当我正确解释了您的问题和屏幕截图后，不适用于您的网站！
相反 - 按照 Google 在他们的指南中建议的一些事情对 'normal' 网站来说，事情变得更糟而不是更好。
并非所有来自 Google 的东西都是 "holy grail" 只是因为它来自 Google。如果你看看他们的 HTML 标记，他们本身并不是一个好的榜样。
我能给你的最好建议是：
- 在您的 CSS 中设置替换元素的宽度和高度，以便浏览器可以对元素进行布局，而不必等待替换的内容！
此外，为什么您使用不同的 CSS 个文件，而不是一个文件？
额外的请求比小数据量更糟糕。在第一个请求之后 CSS 文件无论如何都会被缓存。
人们应该始终注意的事情是：
- 尽可能减少请求数量
- 尽可能降低整体页面权重
并且不要为如何获得 100% Google 的 PageSpeed Insights 工具而困惑...！ ;-)
补充 1：这是 Google 向我们展示的页面，他们为 Optimize CSS Delivery 推荐的内容。
如前所述，我认为这对于 "normal" 网站来说既不现实也不有意义！因为主要是当您拥有 响应式网页设计 时，您肯定会使用媒体查询和其他布局样式。因此，如果您不打算先加载 CSS 并以阻塞方式加载，您将获得 FOUT (Flash Of Unstyled Text ).我真的不相信这 "better" 至少比渲染页面多一些毫秒！
恕我直言 Google 正在开始一个新的 "hype"（当我在 Whosebug 上查看所有关于它的问题时）...！
请提供一些修复优化的提示CSS交付
试试这个插件 https://wordpress.org/plugins/above-the-fold-optimization/ 这将修复首屏内容。
之前有人问过相关问题：What is “above-the-fold content” in Google Pagespeed?
首先你要注意，这都是关于“移动页面”的。
因此，当我正确解释了您的问题和屏幕截图后，不适用于您的网站！
相反 - 按照 Google 在他们的指南中建议的一些事情对 'normal' 网站来说，事情变得更糟而不是更好。
并非所有来自 Google 的东西都是 "holy grail" 只是因为它来自 Google。如果你看看他们的 HTML 标记，他们本身并不是一个好的榜样。
我能给你的最好建议是：
- 在您的 CSS 中设置替换元素的宽度和高度，以便浏览器可以对元素进行布局，而不必等待替换的内容！
此外，为什么您使用不同的 CSS 个文件，而不是一个文件？
额外的请求比小数据量更糟糕。在第一个请求之后 CSS 文件无论如何都会被缓存。
人们应该始终注意的事情是：
- 尽可能减少请求数量
- 尽可能降低整体页面权重
并且不要为如何获得 100% Google 的 PageSpeed Insights 工具而困惑...！ ;-)
补充 1：这是 Google 向我们展示的页面，他们为 Optimize CSS Delivery 推荐的内容。
如前所述，我认为这对于 "normal" 网站来说既不现实也不有意义！因为主要是当您拥有 响应式网页设计 时，您肯定会使用媒体查询和其他布局样式。因此，如果您不打算先加载 CSS 并以阻塞方式加载，您将获得 FOUT (Flash Of Unstyled Text ).我真的不相信这 "better" 至少比渲染页面多一些毫秒！
恕我直言 Google 正在开始一个新的 "hype"（当我在 Whosebug 上查看所有关于它的问题时）...！