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

Question

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

我已经使用互联网上可用的各种解决方案，仍面临同样的问题。您可以查看网页速度见解：Here
我正在寻找一个广义的解决方案，所以这种情况，以便我可以将其应用于我的其他网站上。

Answer 1

这是关于如何构建您的HTML的DOM，以及在页面加载时用户屏幕中显示的内容。要解决这个问题，你必须了解浏览器如何加载页面。大多数浏览器尽可能快地显示内容，但是如果它发现需要下载的资源（如CSS，图像或JS文件），它会在继续使用主要HTML之前下载这些资源并解析它们。所以越小越好。

有几件事你需要解决这个问题。以下是一些通用说明。

1. 补充说，必须在HTML DOM的 顶部的相关内容的网页的部分。例如，如果您的网页有侧边栏，则 那么您的HTML应该按以下顺序排列： <content></content><sidebar></sidebar>而不是先添加侧边栏 。

2. 删除渲染阻挡码

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