每周一篇-H5测试项目总结

最近接了随手记&QQ红包活动测试任务,之前测过随手微利,总结一波啊哈哈!


H5相关技术:

Html,Js,Css,Ajax,W3c标准

设计标准(Iphone):

1)分辨率

2)不使用绝对宽度

3)相对大小的字体(em)

4)图片 


产品:

1)设么是H5:以Html5的方式实现在移动端展示的页面功能(如何区分H5跟native)

2)运营目的无非就是拉新、日活、品牌曝光等;用户目的比较常被利用的有占便宜、猎奇、追星、炫耀、情感共鸣等。而作为设计师要做的,就是利用可用资源设计一种方式,委婉的诱导用户实现其用户目的,从而协助产品达成运营目的。


测试:

1)页面功能测试

2)H5性能测试


H5性能测试(一定要追根到代码层的性能问题,不然太浅):

维度一:历史版本基线

维度二:跟开发依据实际项目定好标准

维度三:行业既有指标


测试方式:

方法一:不需要容器支持的支持浏览器查看

方法二:需要容器支持的通过谷歌输入chrome://inspect点击inspect,连接手机,测试

方法三:通过编写自动化性能采集工具

方法四:通过现有的云测,众测平台,以及开源工具


相关指标:

首资源时间,白屏时间,Dom加载时间,全部资源加载时间,onLoad时间,Http请求时间,页面大小,DOM节点数,重定向次数,失败资源数



每周一篇-H5测试项目总结_第1张图片

你可能感兴趣的:(每周一篇-H5测试项目总结)