优先考虑可见内容 - 如何摆脱这种情况?
问题描述:
我在尝试使用Google PageSpeed Insights工具优化我的网站。我遇到了一个我没有得到解决的条件,那就是Prioritize visible content
。这里是快照:
优先考虑可见内容 - 如何摆脱这种情况?
我已经使用互联网上可用的各种解决方案,仍面临同样的问题。您可以查看网页速度见解:Here
我正在寻找一个广义的解决方案,所以这种情况,以便我可以将其应用于我的其他网站上。
答
这是关于如何构建您的HTML的DOM,以及在页面加载时用户屏幕中显示的内容。要解决这个问题,你必须了解浏览器如何加载页面。大多数浏览器尽可能快地显示内容,但是如果它发现需要下载的资源(如CSS,图像或JS文件),它会在继续使用主要HTML之前下载这些资源并解析它们。所以越小越好。
有几件事你需要解决这个问题。以下是一些通用说明。
补充说,必须在HTML DOM的 顶部的相关内容的网页的部分。例如,如果您的网页有侧边栏,则 那么您的HTML应该按以下顺序排列:
<content></content><sidebar></sidebar>
而不是先添加侧边栏 。删除渲染阻挡码
移动所有的JS文件页面的页脚。
请问有人帮我解决这个问题吗?我愿意为这个问题写一个开源的解决方案。 –