
本文以假設流程說明設計方法,並非客戶案例。
- 量度實際操作
- 定位瓶頸
- 比較改善結果
慢的是首頁,還是客戶常做的操作?
首頁開得快,搜尋、付款或管理頁卻可能很慢。同一畫面在開發者電腦上正常,換成手機或資料多了,表現便不同。單看一個測速分數,未足以決定是否更換框架。
先量度等候時間花在哪裏
Web Vitals 可協助量度網頁使用體驗,後台查詢和業務操作則要另行觀察。用現有監測及瀏覽器工具找出等候時間花在哪裏,再決定要改圖片、快取、資料庫查詢還是其他程式。
選一項最影響客戶的操作
挑最影響客戶的一項操作,記錄裝置、網絡、資料量和目前時間。每次處理一類問題,比較改動前後,也保留返回原版本的方法。
換成舊手機和慢網絡再試
在較舊手機、慢網絡、首次載入、資料量大和繁忙時段試用。速度改善後,也要確認沒有顯示舊資料、漏掉權限檢查或影響付款。
提供可以重現的慢速操作
列出慢在哪個操作、何時發生、用了甚麼裝置,以及怎樣可以重現。