【问题标题】:Prioritize visible content - How to get rid of this situation?优先考虑可见内容 - 如何摆脱这种情况?
【发布时间】:2017-08-17 22:17:10
【问题描述】:

我正在尝试使用 Google PageSpeed Insights 工具优化我的网站。我遇到了一种无法解决的问题,那就是Prioritize visible content。这是快照:

我使用了互联网上的各种解决方案,但仍然面临同样的问题。您可以在 Page Speed Insights 上查看网站:Here
我正在寻找一个通用的解决方案来解决这种情况,以便我也可以在我的其他网站上应用它。

【问题讨论】:

  • 请问有人帮我解决这个问题吗?我愿意为这个问题写一个开源的解决方案。

标签: php pagespeed google-pagespeed


【解决方案1】:

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

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

  1. 将具有相关内容的页面部分添加到 HTML DOM 的顶部。例如,如果您的页面有侧边栏, 那么你的 HTML 应该是这样的: <content></content><sidebar></sidebar> 而不是添加侧边栏 首先。

  2. 移除渲染阻塞代码

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

【讨论】:

    猜你喜欢
    • 2017-08-27
    • 1970-01-01
    • 2011-12-21
    • 1970-01-01
    • 2021-09-19
    • 1970-01-01
    • 2012-01-15
    • 1970-01-01
    • 2021-11-13
    相关资源
    最近更新 更多