PDF《Mobile Web的性能优化与测试》

T对于Pandora的分析) 续航 避免轮询,采?用服务端推送,如web socket http://www.html5rocks.com/en/tutorials/websockets/basics/ http://socket.io/ 续航 请求合并 续航 减少http请求 http://g.tbcdn.cn/??kissy/k/1.4.2/seed-min.js,tm/chaoshi-m/3.3.2/seed.js 续航 ?非关键性的请求推迟到?无线模块活动的时候发送 hybrid是否可以实现?一个GCM?(google cloud messaging,它是android和chrome平台中使?用的发送消息的API,它能聚合消息,做出最佳的推送时间安排) ! W3C Push API将来有可能解决这个问题 http://www.w3.org/TR/push-api/ http://developer.android.com/google/gcm/index.html 续航 续航 低电量时?自动禁?用动画 在AMOLED下使?用?黑?白?色 续航 hybrid - ??网络状态查询(navigator.connection) - 电量状态查询 - WebP - Application Cache预置缓存 - 通知中?心(服务端推送、客户端的集中发送) - 性能统计(如:User Timing API) - SPDY hybrid 把?自?己当成?一个浏览器, 标准化的提供接?口 性能问题在哪! 性能优化怎么做! 性能测试! 我对性能优化看法 数据的可靠性 - 性能分析?工具和真实?用户数据采集都必不可少 - 样本量 - 不要过分依赖平均值,直?方图更好 - 通过直?方图?面积的差值来实现性能的对?比-描述过程性能的指标不能依赖孤?立的点 - 平均数:说明的是整体的平均?水平 - 众数:说明的是多数情况 - 中位数:说明的是中等?水平 数据的可靠性 - 平均数、众数、中位数 http://eblog.cersp.com/userlog33/268170/archives/2011/1507906.shtml 测试范围 加载 - ?首次渲染时间 - ?首字节时间 - Dom Ready - onload - 孤?立指标、纯技术指标 ?用户不关?心, ?无法反应感官速度 加载 http://www.traceshot.com ?无法实现性能监控、对?比-过程截图:TraceShot https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index 加载- 过程指标:SpeedIndex 瀑布图 - User Timing 内存 功能耗时 Timing http://caniuse.com/#search=performance http........