Transcript 摩天轮简介

H5网页性能测试介绍
阿里妈妈无线测试团队
文统
概要
• 摩天轮简介
• 摩天轮H5页面测试平台简介
• 摩天轮H5页面测试平台使用
摩天轮简介
无线
测试
设备
借用
MTL
线上
监控
打包
发布
摩天轮简介
H5页面测试平台简介
• H5页面测试平台背景
• 框架设计：
基于windvane组件
H5页面测试平台使用
测试入口：
http://mtl.alibaba-inc.com/matp/lab/edit_hybrid_lab.htm
H5页面测试平台简介
• android如何调用js
1、mWebView.loadUrl("javascript:wave()");
• js如何调用android
1、mWebView.addJavascriptInterface(new
DemoJavaScriptInterface(), "demo");
2、<a onClick="window.demo.clickOnAndroid()">
H5页面测试平台使用
• ⼿机页⾯执⾏详情、优化点
1、页⾯加载时间
2、页⾯资源、截图
• 页⾯性能打分
1、页⾯性能
2、优化点汇总
H5页面测试平台使用
页⾯加载时间
• 1、⾸屏加载时间
• 2、DOM加载时间
• 3、firstRender时间
• 4、onload事件时间
H5页面测试平台使用
页⾯资源、截图
• 1、请求失败资源
• 2、⼤于50k资源
• 3、⾮CDN资源
• 4、⽆时间戳资源
• 5、页⾯截图
• 6、页⾯上可访问的资源
H5页面测试平台使用
页⾯性能评分
• 1、页⾯总体表现得分
第⼀印象时间：firstRender time
onload时间
• 2、详细评分和扣分标准
• 3、综合性能
• 4、优化点汇总
THANKS
技术支持：
侯风
二虎