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

点击按钮要等两秒才响应

2 个回答 1,515 次浏览 性能与 Core Web Vitals 最后活跃 3 个月前
101

移动端点「加入购物车」有明显延迟,INP 指标 480ms。

陈
陈工提问者
Shopify 认证开发者 · 专注主题与 Liquid
3 个月前提问 · 已收到 2 个回答

2 个回答

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

先把判断放在前面:主线程被长任务占用,点击事件排在后面执行。

1处理顺序

  1. 用 Performance 面板录制交互,找到超过 50ms 的长任务。
  2. 把非关键逻辑拆到 requestIdleCallback 或 setTimeout 中。
  3. 减少第三方脚本,它们常占用主线程。
  4. 加购后先给即时视觉反馈,异步再处理后续。
  5. 考虑把重计算移到 Web Worker。
验收:INP 降到 200ms 以内,点击有即时反馈。
风 风格技术团队 回答于 3 个月前
11

INP 是三个指标里最贴近「体验」的。用户不关心你加载多快,只关心点了有没有反应。

泽 阿泽 · 前端工程师 · 3 个月前

你的处理方式是什么?

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

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