
本文以假设流程说明设计方法,并非客户案例。
- 测量实际操作
- 定位瓶颈
- 比较改善结果
慢的是首页,还是客户常做的操作?
首页开得快,搜索、付款或管理页却可能很慢。同一画面在开发者电脑上正常,换成手机或资料多了,表现便不同。单看一个测速分数,未足以决定是否更换框架。
先测量等候时间花在哪里
Web Vitals 可帮助衡量网页体验,后台查询和业务操作则需要另外观察。用现有监控和浏览器工具找出耗时环节,再决定优化图片、缓存、数据库查询还是其他代码。
选一项最影响客户的操作
挑最影响客户的一项操作,记录设备、网络、数据量和目前时间。每次处理一类问题,比较改动前后,也保留返回原版本的方法。
换成旧手机和慢网络再试
在较旧手机、慢网络、首次载入、数据量大和繁忙时段试用。速度改善后,也要确认没有显示旧资料、漏掉权限检查或影响付款。
提供可以重现的慢速操作
列出慢在哪个操作、何时发生、用了什么设备,以及怎样可以重现。