优先考虑可见内容|谷歌网页速度见解

我已经在谷歌网页速度洞察中测试了我的网站，并且出现了一些错误和警告。其中之一是优先考虑可见内容。我认为这个警告背后的原因是一个JavaScript代码，以适应标题图像。下面的代码片段我使用：优先考虑可见内容|谷歌网页速度见解

<script type="text/javascript"> 
    function resize() { 
     var heights = window.innerHeight; 
     document.getElementById("fill-screen1").style.height = heights + "px"; 
     document.getElementById("fill-screen2").style.height = heights + "px"; 
    } 
    resize(); 
    window.onresize = function() { 
     resize(); 
    }; 
</script>

这是一个引导转盘。

有没有什么办法去除这个警告？

来源

2017-02-05 Sariful

此文档页面应回答您的问题。 https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent

就会触发这个规则当PageSpeed Insights检测到需要额外的网络往返来渲染页面的首屏内容。

“在折叠之上”是一个网页设计术语，表示用户首先看到的内容，如果您不知道的话。您的目标应该是尽量减少从请求到满载的时间。如果在文档中说你可以做几件事。你可以缩小你的CSS。如果您要从外部来源加载图片，请考虑使用CSS/SVG。您还可以尝试将第三方小部件等内容稍微放在页面的下方。它还表示，如果您有类似的网站布局，则可以在侧边栏之前加载文章。

我认为你的问题可能是旋转木马。如果它包含图像，请尝试使用文本，或将旋转木马放在用户首次看到的位置下方。另外，您可能需要在加载HTML后加载外部CSS和JS。在JS之前总是加载CSS。

来源

2017-02-05 18:53:50 arbybruce

这是我的报告[链接]（https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.zubizi.com%2F&tab=desktop）。实际上，当我点击“查看屏幕截图”时，显示带有按钮和标题的空白白色屏幕，并且未显示背景图像。 – Sariful

优先考虑可见内容|谷歌网页速度见解

回答

相关问题