每日整理真实提问 356 个问题 · 726 个回答 需要系统性的技术文档?看 Shopify 技术百科 1000 篇 → 400-873-8117
已解决 提问于 14 天前

装了应用后 LCP 掉了 1.2 秒

2 个回答 477 次浏览 应用与扩展 最后活跃 10 天前
12

上线一个推荐应用后,移动端 LCP 从 2.4s 涨到 3.6s,转化率跟着掉。

L
Lily提问者
DTC 品牌独立站运营负责人
14 天前提问 · 已收到 2 个回答

2 个回答

已采纳 · 提问者确认解决
63

先把判断放在前面:应用脚本常阻塞主线程或抢占带宽,尤其是首屏加载的第三方 SDK。

1处理顺序

  1. 在 PageSpeed 里看第三方脚本的「主线程阻塞时间」占比。
  2. 把应用脚本改为 defer 或延迟到交互后再加载。
  3. 首屏不展示的组件用懒加载,别在 HTML 里同步插入。
  4. 限制同一页面加载的应用数量,每多一个都在抢带宽。
  5. 上应用前先做一次性能基线,便于对比。
验收:LCP 回到 2.5s 以内,主线程阻塞时间明显下降。
风 风格技术团队 回答于 13 天前
19

很多应用在 <head> 里插同步脚本,这是最伤的。可以让服务商提供异步加载选项,或者自己改成延迟注入。

泽 阿泽 · 前端工程师 · 12 天前

你的处理方式是什么?

写下你实际验证过的步骤,比「我也有这个问题」有用得多。当前版本为静态展示,提交后会由团队整理并回复。

描述你遇到的现象、店铺环境(主题 / 套餐 / 应用)、已经试过哪些操作……
我要单独提问 工作日 10 分钟内回复,可直接加微信 fenggejishu