聚劃算H5頁面資源加載問題
BUG標題:
開發同學更換圖片緩存資源后,老的資源在客戶端中仍然加載,chrome下查看并未加載此鏈接。
BUG影響:
1、老資源由于占用空間比較大,達到700kb,嚴重影響用戶進入游戲頁面的時間,影響用戶體驗。
2、導致用戶流失率大大增加。
3、浪費用戶流量,給用戶造成金錢損失。
BUG發現階段:
測試階段。
BUG發現過程:
1、在摩天輪上執行hybird測試時,前端同學更換了頁面上的一個圖片資源后,hybird測試結果頁面仍然展示在下載新圖片資源的同時,老的圖片資源仍然會下載。但是通過PC端的chrome瀏覽器去訪問該H5頁面,查看頁面源代碼后,確實console中沒有老圖片資源的下載鏈接了。
2、開始開發同學給出的答案是懷疑可能是手機有緩存之類的,而且自己也看到確實代碼中沒有老圖片資源的下載鏈接。
3、為了確定原因,通過聯系平臺維護hybird適配測試的人確認已經將手機緩存全部清除掉,但是清除掉手機緩存之后仍然展示下載了老圖片資源。
4、通過網上查看chrome下與真機下頁面加載時是不是有什么不同的地方,后來就懷疑是不是前端同學的緩存有問題,查看后果然是緩存出了問題,老資源鏈接在配置中未刪除掉。
BUG解決方法:
H5頁面的緩存是通過<html manifest="http://h5.m.taobao.com/manifest/jhswap-hn-v2.manifest">這個標簽中的manifest進行指定的,格式如下:
##VERSION: Sat Jan 04 23:52:49 CST 20141388850767000
CACHE:XX資源
原來是前端同學在增加新圖片資源的時候,忘記把老的圖片資源的鏈接刪除掉。只要在配置文件中將老資源刪掉即可。
GBA傳承
1、注意區分H5頁面在PC端加載和在手機加載機制的相同點與不同點。
個人感受:
1、對“可能”說不,對問題的原因追根究底,不放過任何一個存在疑問的地方。
2、對細節點進行關注。