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

桌面 90 分,移动端只有 40 分

2 个回答 4,364 次浏览 性能与 Core Web Vitals 最后活跃 2 个月前
95

同一页面桌面端性能很好,移动端差距巨大。

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

2 个回答

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

先把判断放在前面:移动端 CPU 慢 4 倍以上,同样的 JS 在手机上耗时成倍增加。

1处理顺序

  1. 用移动端节流模式测试,不要用桌面模拟。
  2. 减少首屏 JS 体积,移动端优先加载核心功能。
  3. 图片按屏幕宽度给不同尺寸,不要下发桌面大图。
  4. 去掉移动端不用的模块,别只是 CSS 隐藏。
  5. 用真实中低端安卓机测试,模拟器偏乐观。
验收:移动端分数提升到 70 以上,真实设备体验可接受。
风 风格技术团队 回答于 2 个月前
12

CSS 隐藏的模块 JS 照样执行。移动端要真正「不加载」,而不只是「不显示」。

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

你的处理方式是什么?

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

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