由於有不少核心頁面是h5實現的,包括首屏事後用戶看到的第一個頁面,因此有個季度,個人okr就是把全站核心h5的p90 load時間下降到3s內。爲了達成目標,分階段採起了不少措施。蠻有趣的一件事,總結下來就是下面我畫的一張圖。
由於頁面業務邏輯比較複雜,第一階段從代碼邏輯下手,和產品確認下線了部分ab實驗邏輯。 推進後端一些作頁面模塊的同步拆分,劃分紅兩部分首屏和非首屏部分。添加svg骨架屏,提高極端狀況下用戶的體驗。添加離線寶的功能。還有圖片懶加載,壓縮等等一些常規措施,第一階段後差很少就達到3秒了。
第二階段主要是和客戶端聯調,接入了x5內核,webview緩存,以及橋接緩存一些方面的優化。第二波優化好後差很少就2s左右了。web
雖然okr達成了,可是優化是一件長期的事情,平時需求評審的時候就應該減小,或者架構的時候架構好ab實驗的部分。技術測細節方面不斷優化沉澱出機制,推廣並應用。後端