Question

我在google网页速度洞察中测试了我的网站，并出现了一些错误和警告。其中一个是优先考虑可见内容。我认为这个警告背后的原因是一个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>

这是一个自助式轮播。

有没有办法删除此警告？

Answer 1

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

当PageSpeed Insights检测到需要额外的网络往返以呈现页面的折叠内容时，此规则会触发。

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

我认为你的问题可能是旋转木马。如果它包含图像，请尝试使用文本，或将轮播放在用户首次看到的内容之下。此外，您可能希望在加载HTML后加载外部CSS和JS。始终在JS之前加载CSS。

优先考虑可见内容| Google网页速度洞察力

1 个答案: