73
集合页显示 48 个商品，滚动明显掉帧，移动端更严重。
已采纳 · 提问者确认解决
42
先把判断放在前面：每个商品卡片都输出多张图片与脚本，DOM 节点数量爆炸。
1处理顺序
- 减少每页商品数，从 48 降到 24。
- 商品卡只输出首图，第二张图用 hover 时才加载。
- 用
content-visibility: auto让视口外内容跳过渲染。 - 避免在每个卡片里初始化独立 JS 组件。
- 用 Performance 面板确认主因是渲染还是脚本。
验收：滚动流畅，FPS 稳定在 50 以上。
风
风格技术团队 回答于 18 天前
