Transcript Document
大型门户网站用户体验性能监测与优化 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