DEV Community
·
性能审计：分析Namshi移动网站的实时核心网页指标
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
Namshi是阿联酋最大的电商网站之一。其移动网站的LCP为2.84秒，需改进，建议使用更小的占位图和预加载横幅图像。INP在60-100毫秒之间波动，某些操作中主线程阻塞影响用户体验，建议避免阻塞并使用Web Workers处理计算密集型任务。
🎯
关键要点
- Namshi是阿联酋最大的电商网站之一。
- Namshi移动网站的LCP为2.84秒，需改进。
- 建议使用更小的占位图和预加载横幅图像。
- INP在60-100毫秒之间波动，整体可接受。
- 某些操作中主线程阻塞影响用户体验，特别是在切换“新到商品”模态时。
- 在打开“过滤器”模态并重置过滤器时，INP分数变为红色，导致页面短暂冻结。
- 建议避免在用户交互时阻塞主线程，使用Web Workers处理计算密集型任务。
- 通过记录性能分析，可以清晰识别和解决性能瓶颈。
➡️
