【问题标题】:Remove unused code Google Page Speed and others errors删除未使用的代码 Google Page Speed 和其他错误
【发布时间】:2020-05-29 00:50:49
【问题描述】:

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】:

    Remove Unused Code is explained here

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

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

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

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

    要自己检查这一点,请在 Google Chrome 中打开开发者工具并打开“覆盖”窗口。按记录,看看每个脚本有多少没有被使用。在您的网站上,大约 60% 的下载的 JS 最初没有被使用,您应该先将使用的 40% 推送到网络上,然后在其他所有内容加载后加载其余部分。 (这是非常困难的,除非你一开始就为它构建,尽你所能!)。

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

    在模拟 4G 连接和 4 倍 CPU 减速(模拟处理能力有限但未连接到 WiFi 的手机)上,您的网站需要将近 18 秒才能完成加载,总页面重量为 2.5Mb(压缩 -其 5.5Mb 已解压)。

    这是 PSI 在“移动”选项卡上执行的测试(4 倍减速和 4G 模拟)

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-04-02
      • 1970-01-01
      • 2017-09-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多