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

Remove unused code Google Page Speed and others errors

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

删除未使用的代码 我用的都是Google Page Speed说的javascript,其实vendor.js是项目的主脚本。与Webpack和Laravel.

编译统一

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

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

Remove Unused Code is explained here

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

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

它还鼓励您从这些文件中清除任何多余的 JavaScript。

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

要自己检查,请在 Google Chrome 中打开开发人员工具,然后打开 'coverage' window。按记录并查看每个脚本有多少未使用。在你的网站上,大约 60% 的下载 JS 最初没有使用,你应该先将你使用的 40% 推送到网络,并在其他所有内容加载后加载其余部分。 (这是非常困难的,除非你首先为它建造,尽你所能!)。

至于你的网站速度很快 - 它在我的 PC 上用租用线路在 7 秒内完全加载(所以尽可能快,尽管我在英国所以可能会增加一秒)

在模拟的 4G 连接上,速度降低了 4 倍 CPU(模拟处理能力有限且未连接到 WiFi 的移动设备 phone),您的网站需要将近 18 秒才能完成加载总页面重量为 2.5Mb(压缩后 - 解压后为 5.5Mb)。

这是 PSI 在 'Mobile' 选项卡上执行的测试(4 倍减速和 4G 模拟)

页面重量和 JavaScript 网站使用量一样是您最大的问题之一,这些都是需要关注的领域。也尽量减少请求的数量,你有149个不同的网络请求,一次最多只能同时下载8个。

虽然 PSI 只是一个工具,它确实会产生相当准确的结果,但顶部的 "Field Data" 是 来自浏览器的真实世界数据 所以我会特别注意尤其是 "First Contentful Paint (FCP)" 40% 的用户体验到平均或缓慢的时间。