优先考虑可见内容 - 如何摆脱这种情况？

Question

我正在尝试使用Google PageSpeed Insights工具优化我的网站。我遇到了一个没有解决我的问题，那就是Prioritize visible content。这是快照：

我使用过互联网上提供的各种解决方案，仍面临同样的问题。您可以在Page Speed Insights上查看网站：Here
我正在寻找一个通用的解决方案，以便我可以将这个应用到我的其他网站上。

Answer 1

这是关于如何构建HTML的DOM以及在页面加载时在用户的屏幕中显示的内容。要解决此问题，您必须了解浏览器如何加载页面。大多数浏览器尝试尽快显示内容，但如果找到需要下载的资源（如CSS，图像或JS文件），它会下载这些资源并解析它们，然后再继续使用主HTML。所以越少越好。

您需要解决一些问题。以下是一些一般性说明。

1. 添加包含相关内容的网页部分 HTML DOM的顶部。例如，如果您的页面有侧边栏， 那么你的HTML应该按以下顺序排列： <content></content><sidebar></sidebar>而不是添加侧边栏 第一

2. 删除渲染阻止代码

3. 将所有JS文件移动到页面的页脚。