40
4,220
移动端 PageSpeed 只有 32 分，服务商报价两万做「全面优化」。这钱花得值吗？
标签：Performance
所有和 Performance 有关的 Shopify 问题与回答，共 34 个。每个问题都给出了根因判断、处理顺序和验收标准。
72
277
PageSpeed 显示 85 分，但客户还是反馈很卡；另一台设备显示 45 分。
80
623
迁到 Hydrogen 后，LCP 反而比原来的主题站差。
20
2,301
首页 TTFB 1.2 秒，怀疑是 Shopify 服务器的问题。
34
3,323
商品图上传的是 3000px 原图，前台虽然用了 `img_url` 但下载的还是大文件。
63
477
上线一个推荐应用后，移动端 LCP 从 2.4s 涨到 3.6s，转化率跟着掉。
55
1,840
搜索框输入时每次按键都发请求，服务端压力大，前端也卡。
60
4,634
移动端打开页面，标题先显示然后突然往下跳，CLS 0.28。
42
5,416
集合页显示 48 个商品，滚动明显掉帧，移动端更严重。
41
5,217
点购物车图标，抽屉要 1.5 秒才滑出来。
34
4,180
商品图用 `{{ image | img_url: '600x' }}`，在 2 倍屏上明显糊，换成 `1200x` 又太大，不知道该怎么给。
53
1,589
首页 TTFB 1.8 秒，服务器渲染时间占了大部分。
31
2,728
自建前端直接用了商品图的原始 URL，移动端加载很慢。
77
3,892
想做「所有品牌」的索引页，`collection.products` 循环只能出 50 个，改用 `collections['all'].products` 也一样。
59
2,683
用 API 批量更新 5000 个商品价格，`products/update` 事件像洪水一样涌进来，消费者直接 OOM。
24
3,390
页面打开先看到一堆无样式的 HTML，一秒后才正常。
42
5,411
装了评价、客服、推荐、像素四类应用，移动端加载 6 秒。
82
2,465
PageSpeed 分数只有 35，但关键词排名还行，不确定要不要花力气优化。
77
602
装了三家分析工具的像素，担心影响性能。
59
3,866
主题的 `theme.js` 有 200KB，放在 `<head>` 里同步加载，首屏明显变慢。
27
1,888
折扣 Function 上线后，部分客户结账报错，日志显示执行超时。
53
3,133
为了提速，把所有图片都加了 `loading="lazy"`，结果 LCP 变差了。
72
917
大促期间 Storefront API 开始返回 430，页面数据加载失败。
42
1,078
一个商品列表查询正常能跑，加了 `variants` 和 `metafields` 之后开始报 `MAX_COST_EXCEEDED`，但字段看起来不多。
37
5,237
`orders/create` 的 payload 有几十 KB，包含大量用不到的字段，解析和存储都很浪费。
55
4,467
商品有 1200 多个变体，后台批量编辑器改完价格，总有一半没生效，重试也复现。
63
2,565
Hydrogen 站点 TTFB 很高，感觉每次请求都在回源。
35
532
移动端 LCP 4.2 秒，PageSpeed 指出 LCP 元素是首页 banner 图，图片已经压缩过了。
35
3,357
收到订单 webhook 后要同步调 ERP 接口，整个流程 20 多秒，经常被判定失败然后重试。
60
2,961
听说 `preconnect` 能提速，给十几个第三方域名都加上了。
23
2,235
首页放了一个 8MB 的自动播放视频，移动端加载体验很差。
47
4,364
同一页面桌面端性能很好，移动端差距巨大。
35
1,515
移动端点「加入购物车」有明显延迟，INP 指标 480ms。
31
2,435
品牌字体加载慢，出现「先显示系统字体再切换」的闪烁，有时正文空白一秒。
