在 Google 页面速度中,我收到一条关于“优先显示内容”的评论,这似乎是最近对页面速度算法的更改。为了尝试理解这个问题,我在 HTML 中创建了一个只有一张图片的简单页面(在我的域下),我仍然看到相同的消息“优先显示可见内容”。
我发现消除错误的唯一方法是将图像转换为 Base64 并将图像放在 HTML 中。我认为这不是解决问题的好方法,因为它会使 HTML 变重并降低页面速度。
有没有其他解决这个问题的建议?谢谢
最佳答案
通常,当您的页面需要大量外部 javascript 或 css 文件才能正确呈现时,就会出现此问题。消除此问题的理想解决方案是当您将页面的“首屏”部分所需的图像和 css 内联放置在 HTML 文档中时。这允许浏览器在不发出额外请求的情况下立即呈现页面的可见部分。
实现这一目标的方法有多种。一种方法是异步加载所有 css 和 js,并内联“首屏”区域所需的 css 和 js 部分。
此问题出现在您的测试用例中的原因可能是图像加载到 HTML 页面本身需要相当长的时间。
您可以在有关此问题的谷歌文档中阅读更多关于可能修复的信息 https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent?hl=en
关于javascript - "Prioritize visible content"的 Google 页面速度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42094365/