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