聚划算H5页面资源加载问题

聚划算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、对细节点进行关注。

你可能感兴趣的:(聚划算H5页面资源加载问题)