每周一篇-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节点数,重定向次数,失败资源数



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,892评论 25 709
  • 1.测试与软件模型 软件开发生命周期模型指的是软件开发全过程、活动和任务的结构性框架。软件项目的开发包括:需求、设...
    Mr希灵阅读 22,271评论 7 278
  • 1.测试与软件模型 软件开发生命周期模型指的是软件开发全过程、活动和任务的结构性框架。软件项目的开发包括:需求、设...
    宇文臭臭阅读 11,688评论 5 100
  • 董沛沛 洛阳 焦点网络五期 坚持原创分享第三十一天 分享满月了,回顾这一个月的历程,有茅塞顿开,思路通畅,一...
    缘源流长阅读 1,397评论 0 0
  • 今天给大家说几种加人方法 但记得,好友在于精不在于多。如果好友在你的通讯录里面很久不说话不点赞不互动,可以把他删除...
    刘玉娇阅读 4,551评论 1 9