“优先显示可见内容”的Google页面速​​度问题

时间:2017-02-07 15:57:52

标签: javascript html seo google-pagespeed

在Google Page速度中,我会收到“优先显示可见内容”的评论,这似乎是对页面速度算法的最新更改。为了尝试理解这个问题,我创建了一个只有一个图像的简单页面,而HTML中没有任何其他内容(在我的域下),我仍然看到相同的消息“优先考虑可见内容。”

我发现消除错误的唯一方法是将图像转换为Base64并将图像放在HTML中。我认为这不是解决问题的好方法,因为它会使HTML变得沉重并使页面变慢。

还有其他建议可以解决这个问题吗?感谢

1 个答案:

答案 0 :(得分:-1)

Usualy此问题会显示您的网页需要大量外部javascript或css文件才能正常呈现。消除此问题的理想解决方案是,当您在HTML文档中内嵌放置页面的“首屏”部分时,将图像和CSS联系起来。这允许浏览器立即呈现页面的可见部分而不需要额外的请求。

有多种方法可以实现这一目标。一种方法是异步加载所有的css和js,并将css和js的内联部分加载到“首屏”区域。

此问题出现在您的测试用例中的原因可能是该图片需要相同的时间加载到HTML页面本身。

您可以在此问题https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent?hl=en

中详细了解Google文档中可能的修补程序