大型门户网站用户体验性能监测与优化 北京基调网络系统有限公司

用户体验性能分解 可用性 用户体验 性能 用户体验 性能 性能波动 前端设计 性能指标 标准

谁在使用用户体验性能监测 四大门户新浪、搜狐、网易、腾讯全部使用 百度、谷歌等互联网网站 ALEXA 排名前 100 的 96 家使用 淘宝、当当、京东、苏宁等国内知名电商网站 31 家使用 工行、建行、农行等国内 27 家电子银行网站使用 国内大型企业网站超过 300 家使用 政府媒体类网站超过 60% 使用

用户体验性能的重要性 单个在用户体验性能上投入的美元回报是 2 到 100 美元 80% 的网站生命周期成本发生在维护阶段 60% 的维护工作是由于在前期不重视用户体验性能导致的

影响用户体验的环节

用户体验性能监测的意义 如何选择及持续评估 技 术供应商 的服务质量？ 如何确信我的站点比 竞 争对手 用户访问性能 更加出色？ 如何建立一个团队认 可的 KPI 体系 ? 以便 更好的进行管理？ 如何 快速获得 应用 异常，并 模拟回放 用户端场景？ 如何展示平台稳定性？ 并给予 业务团队 足 够的推广信心？

监测与优化原理

案例介绍 —— 腾讯 最终收益 首屏速度提升 50%~75% 、整页速度提升 20%~40% ，覆 盖 >80%PV ，第三方评估，速度全面超越 sina 、 sohu 成为 最快门户网站 CDN （ 30G->CDN ，速度提升 20%+ ，运营成本减少 540W/ 年） Cookie 隔离 + 域名拆分 （图片速度提升 10%+, 上行流量减少 20% ） 内容拆分 （ 100+ 个产品内容拆分，高效率 + 低成本 的大型静态页面、图片、视频服务，效率 提升 7~10 倍） 按需加载 （ 5 屏网页，只显示 2 屏，预加载 3 屏，减少 50% 请 求和并发带宽） 图片压缩 （对上传图片和抓取图片进行质量压缩，直接降低服务器的存 储压力及流量带宽的 20% ， 600+ 名编辑不用管网页性能） 内容扫描、优化 （实时扫描 404 ，大图片及各类文件大小 、 数量趋势，精细优化，速度平均提升 30% ） DNS 分流 （升级 GSLB 识别未知用户 99% 、支持移动 IDC 单独解析） 质量效率成本质量效率成本

案例介绍 —— 腾讯 首页速度在四大门户中排名第一 基调中国门户用户体验从第 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 启用压缩 使用浏览器缓存 尽量减少请求的数据量 优化样式表和脚本的排列顺序 异步加载 将查询字符串从静态资源中删除 指定缓存验证依据 指定一个 Vary: Accept-Encoding 标头 启用 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 秒 > 0.1 秒 重定向时间是从收到 WEB 服务器重 定向指令到请求 WEB 服务器的第一 个元素之前的消耗时间 首包时间 < 0.2 秒 0.2 ～ 0.4 秒 > 0.4 秒 第一个包时间是指 IE 浏览器发送 HTTP 请求结束开始，到收到 WEB 服务器返回的第一个数据包的消耗 时间 总下载时间波动 < 5 秒 5 ～ 10 秒 > 10 秒 总下载时间波动是监测周期内性能 最好与最差的间隔，反映站点稳定 性的关键指标

央企网站能力评估对应 四、客（用）户服务能力（为企业客（用）户提供个性化服务，提 升企业网站的用户忠诚度。） 六、网站构建能力（结合企业及所在行业特点，构建企业网站基础 框架，提高企业网站的可用性和易用性。） 七、网站推广能力（不断进行网站优化，采取各种推广措施，提高 网站知名度和美誉度。） 八、网站保障能力（构建科学有效的企业网站保障体系，确保企业 网站健康运营和可持续发展。）

关于基调 拥有中国最大的用户体验性能监测网络 2005 年开始产品研发， 2007 年正式成立。总部位于 北京，并设有华东及华南办事处 专注于提供互联网数据服务，超过 6 年专业服务经验 独立第三方，服务超过 500 家国内客户 与互联网专业公司及主流运营商建立良好合作关系 始终坚持创新并不断研究新的数据监测手段 工信部唯一授权应用性能管理知识领域认证培训机构

典型客户 中国 Alexa 排名前 100 家互联网企业有 81 家采用基调网络服务

谢 谢！ 北京基调网络系统有限公司 咨询电话：李佳 地址：北京市朝阳区京顺路 5 号曙光大厦 C 座 207 室 邮编：