Document

Report
大型门户网站用户体验性能监测与优化
2013.10
北京基调网络系统有限公司
www.networkbench.com
用户体验性能分解
可用性
性能波动
用户体验
性能
前端设计
性能指标
标准
谁在使用用户体验性能监测
 四大门户新浪、搜狐、网易、腾讯全部使用
 百度、谷歌等互联网网站ALEXA排名前100的96家使用
 淘宝、当当、京东、苏宁等国内知名电商网站31家使用
 工行、建行、农行等国内27家电子银行网站使用
 国内大型企业网站超过300家使用
 政府媒体类网站超过60%使用
用户体验性能的重要性
 单个在用户体验性能上投入的美元回报是2到100美元
 80%的网站生命周期成本发生在维护阶段
 60%的维护工作是由于在前期不重视用户体验性能导致的
影响用户体验的环节
用户体验性能监测的意义
如何快速获得应用
异常,并模拟回放
用户端场景?
如何确信我的站点比竞
争对手用户访问性能
更加出色?
如何选择及持续评估技
术供应商的服务质量?
如何建立一个团队认
可的KPI体系? 以便
更好的进行管理?
如何展示平台稳定性?
并给予业务团队足
够的推广信心?
监测与优化原理
案例介绍——腾讯
最终收益
首屏速度提升50%~75%、整页速度提升20%~40%,
覆盖>80%PV,第三方评估,速度全面超越sina、sohu
成为最快门户网站
质
量
2010
效
率
图片压缩
(对上传图片和抓取图片进行质量压缩,直接降低服务器的存
储压力及流量带宽的20%,600+名编辑不用管网页性能)
成
本
内容扫描、优化
(实时扫描404,大图片及各类文件大小 、
数量趋势,精细优化,速度平均提升30%)
Cookie隔离+域名拆分
(图片速度提升10%+,上行流量减少20%)
按需加载
(5屏网页,只显示2屏,预加载3屏,减少50%请
求和并发带宽)
内容拆分
(100+个产品内容拆分,高效率+低成本
的大型静态页面、图片、视频服务,效率
提升7~10倍)
2008
www.qq.com
DNS分流
(升级GSLB识别未知用户99%、支持移动IDC
单独解析)
CDN
(30G->CDN,速度提升20%+,运营成本减
少540W/年)
案例介绍——腾讯
首页速度在四大门户中排名第一
基调中国门户用户体验从第14位上升为第2位
优
化
价
值
频道首页及底层页首屏速度全部<2S,首屏速度较优化前提升
50%-70%,整页速度较优化前提升20%-40%
迷你首页优化节省1.5G带宽,节省费用180万/年
压缩图片,节省20%带宽,省费用2G,节省费用200万/年
建立了一系列的流程规范来保证优化成果长久保持和持续进步
建立了质量监测平台等一系列工具平台保证优化的高效推进和监控
案例介绍——阿里巴巴集团及淘宝网
平台建设性能监测;
上线前压力测试;
IDC/CDN选型评估;
推广跳转可用性评估;
….…
项目监测
重要业务监测:
搜索、加入购物车、
登录、在线客服应答、
支付网关跳转 ……
常规监测
重要页面监测:
首页、list首页、
搜索结果页、评价页、
Elearning页 ……
业务监测
预警 & 对比
建立预警KPI;
预警分级发送;
建立行业对比库;
及时关注对手性能变化;
……
案例介绍——阿里巴巴集团及淘宝网
 阿里巴巴1688首页及相关页面首屏时间提升近50%,页面性能提升近
70%,减少单次访问请求数近70%.......
 更重要的是,2010~2011连续两年的带宽 及 第三方CDN服务花
费减少近40%!
案例介绍——阿里巴巴集团及淘宝网
 2011至今,为淘宝网多次发现站点性能波动,
主要是由于编辑团队内容上传错误引起!
案例介绍——携程网
 2012,携程包括CEO在内所有高层关注基调在线旅游行业数据,要求制
定各产品部技术KPI,按周回顾及总结!
 更重要的是,携程2012年单独成立技术运营团队,旨在通过基调指
数KPI,持续提升各产品线用户口碑!
案例介绍——中国国际航空公司
 通过性能监测、内容调整、网络优化等多方面
动作,国航首页的首屏时间从9秒降低并稳定维
持在3秒左右。
案例介绍——中国国际航空公司
搜索
购买
案例介绍——中国国际航空公司
 通过网页结构和内容的调整,以及对于服务器
性能的优化,国航网站购票流程的整体性能以
及成功率明显提升。
总下载时间和首屏时间
首屏时间
总下载时间
首屏时间对用户体验的影响
0-3秒
3-5秒
5-10秒
10秒以上
您需要基调网络
感知
优化
告警
定位
如何优化
• 在不同的主机之间同时下载
• 指定图片大小
• 将图片组合为CSS贴图定位
• 将静态资源分离到无cookie的
域名
• 指定字符集
• 将CSS放在文档标头处
• 精简JavaScript
• 合并外联js
• 合并外联CSS
• 精简HTML
• 精简CSS
• 提供压缩后的图片
• 尽量减少重定向
• 由同一网址提供资源
• 优化图片
• 避免出现错误的请求
• 避免在CSS中使用@import
• 启用压缩
• 使用浏览器缓存
• 尽量减少请求的数据量
• 优化样式表和脚本的排列顺序
• 异步加载
• 将查询字符串从静态资源中删除
• 指定缓存验证依据
• 指定一个Vary: AcceptEncoding 标头
• 启用Keep-Alive
• 使目标网页重定向可缓存
• 使用应用程序缓存
性能指标体系
网络层指标
好
正常
差
备注
可用性
> 95%
90~95%
< 90%
反映页面打开成功率,过低影响站
点形象
DNS时间
< 0.18秒
0.18~0.3秒
> 0.3秒
DNS解析时间,用户访问页面的第
一步
建连时间
< 0.15秒
0.15~0.3秒
> 0.3秒
建立连接时间是指 IE 浏览器和WEB
服务器建立 TCP/IP 连接的消耗时间
> 0.1秒
重定向时间是从收到 WEB 服务器重
定向指令到请求 WEB 服务器的第一
个元素之前的消耗时间
> 0.4秒
第一个包时间是指 IE 浏览器发送
HTTP 请求结束开始,到收到WEB
服务器返回的第一个数据包的消耗
时间
> 10秒
总下载时间波动是监测周期内性能
最好与最差的间隔,反映站点稳定
性的关键指标
重定向时间
首包时间
总下载时间波动
无
< 0.2秒
< 5秒
< 0.1秒
0.2~0.4秒
5~10秒
央企网站能力评估对应
四、客(用)户服务能力(为企业客(用)户提供个性化服务,提
升企业网站的用户忠诚度。)
六、网站构建能力(结合企业及所在行业特点,构建企业网站基础
框架,提高企业网站的可用性和易用性。)
七、网站推广能力(不断进行网站优化,采取各种推广措施,提高
网站知名度和美誉度。)
八、网站保障能力(构建科学有效的企业网站保障体系,确保企业
网站健康运营和可持续发展。)
关于基调
 拥有中国最大的用户体验性能监测网络
 2005年开始产品研发,2007年正式成立。总部位于
北京,并设有华东及华南办事处
 专注于提供互联网数据服务,超过6年专业服务经验
 独立第三方,服务超过500家国内客户
 与互联网专业公司及主流运营商建立良好合作关系
 始终坚持创新并不断研究新的数据监测手段
 工信部唯一授权应用性能管理知识领域认证培训机构
典型客户
中国Alexa排名前100家互联网企业有81家采用基调网络服务
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
5
谢 谢!
咨询电话:李佳 13701268131
地址:北京市朝阳区京顺路5号曙光大厦C座207室
邮编:100016
北京基调网络系统有限公司
www.networkbench.com

similar documents