删除未使用的代码Google Page Speed和其他错误

问题描述 投票:0回答:1

Google Page Speed report me here我无法理解的错误。

删除未使用的代码我使用了Google Page Speed所说的所有javascript,实际上vendor.js是项目的主要脚本。与Webpack和Laravel编译并统一。

然后,为什么Google Page Speed说我不使用这些脚本?在我上传lazysizes插件之前,我没有得到任何这个。

另一方面,网站加载很快。我认为Google Page Speed非常不可靠。

performance pagespeed google-pagespeed pagespeed-insights
1个回答
0
投票

Remove Unused Code is explained clearly here

不是未使用整个脚本,而是脚本的大部分未用于初始页面呈现。

Google鼓励您将JavaScript分解为必要的代码,以呈现页面/初始化组件,然后将其他所有内容放在单独的文件中,然后再加载。

这也鼓励您从这些文件中清除所有多余的JavaScript。

这是为了节省正在下载的Kb,以及节省V8引擎的JavaScript解析和编译时间(对于低端手机中较慢的处理器很重要)。

要亲自检查,请在Google Chrome浏览器中打开开发人员工具,然后打开“ coverage”窗口。按记录并查看每个脚本中有多少未使用。在您的站点上,最初不使用大约60%的JS下载资源,您应该先将40%的JS连接使用,然后在其余所有内容加载完毕后再加载其余的。 (这是极其困难的,除非首先为它而构建,并尽力做到最好!)。

至于您的网站运行速度快-它以7秒钟的时间在我的PC上通过租用线路完全加载到了我的电脑上(因此即使我在英国,它也可以提供相当好的性能指标)

在具有4倍CPU速度降低的模拟4G连接(以模拟处理能力有限但未连接到WiFi的手机上)中,您的网站需要花费近18秒的时间才能完成加载,页面总权重为2.5Mb(压缩后- 5.5Mb解压缩)。

这是PSI在“移动”标签上执行的测试(4倍速度下降和4G模拟)

虽然PSI只是它确实可以产生相当准确的结果的工具,但顶部的“字段数据”是来自浏览器的真实数据,所以我要特别注意这一点,尤其是“ First Contentful Paint(FCP )”,其中有40%的用户平均或缓慢地体验。

© www.soinside.com 2019 - 2024. All rights reserved.