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

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 文件移动到页面的页脚。