我的首页上有一个巨大的英雄横幅，覆盖整个屏幕，图像延迟加载，所以它是空白的，旋转器显示直到它消失。问题是Google Page Speed Insights提到渲染阻止CSS和优先显示此页面的可见内容。但是，我在同一个网站上获得98/100，但是对于没有英雄横幅的不同页面。
所以，我认为可以说这个图片引起了一个问题。当我查看报告中的屏幕截图时，它只是在图像加载之前显示空白屏幕。我故意将它保持为空白，直到它完全加载并使用JavaScript呈现。有没有办法提高我的Page Speed得分，尽管有这种情况？
答案 0 :(得分：1)
Google页面洞察力无需运行您的javascript或外部css文件即可呈现您的初始HTML响应。所以它看到的只是你的html和嵌入式样式。 它会显示页面的前后，如果两个像素之间有太多变化，则会降低您的分数。
要解决这个问题 - 不要在任何地方加载任何东西。
我知道很多人说＆＃34;不要担心谷歌网页速度洞察得分＆＃34;，但是谷歌的这个推荐我同意 - 你的网页应该尽可能快地呈现上面的折叠内容如有必要，请将项目推迟到首屏。