1 / 25

大型门户网站用户体验性能监测与优化 2013.10

大型门户网站用户体验性能监测与优化 2013.10. 北京基调网络系统有限公司 www.networkbench.com. 用户体验性能分解. 可用性. 性能波动. 用户体验 性能. 前端设计. 性能指标标准. 谁在使用用户体验性能监测. 四大门户新浪、搜狐、网易、腾讯 全部 使用 百度、谷歌等互联网网站 ALEXA 排名前 100 的 96 家 使用 淘宝、当当、京东、苏宁等国内知名电商网站 31 家 使用 工 行、建行、农行等国内 27 家 电子银行网站使用 国内大型企业网站超过 300 家 使用 政府媒体类网站超过 60% 使用.

Download Presentation

大型门户网站用户体验性能监测与优化 2013.10

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

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

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

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

  5. 影响用户体验的环节

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

  7. 监测与优化原理

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

  9. 案例介绍——腾讯 优化价值

  10. 案例介绍——阿里巴巴集团及淘宝网 重要业务监测: 搜索、加入购物车、 登录、在线客服应答、 支付网关跳转 …… • 平台建设性能监测; 上线前压力测试; IDC/CDN选型评估; 推广跳转可用性评估; ….… 重要页面监测: 首页、list首页、 搜索结果页、评价页、 Elearning页 …… 建立预警KPI; 预警分级发送; 建立行业对比库; 及时关注对手性能变化; ……

  11. 案例介绍——阿里巴巴集团及淘宝网 • 阿里巴巴1688首页及相关页面首屏时间提升近50%,页面性能提升近70%,减少单次访问请求数近70%....... • 更重要的是,2010~2011连续两年的带宽 及 第三方CDN服务花费减少近40%!

  12. 案例介绍——阿里巴巴集团及淘宝网 • 2011至今,为淘宝网多次发现站点性能波动,主要是由于编辑团队内容上传错误引起!

  13. 案例介绍——携程网 • 2012,携程包括CEO在内所有高层关注基调在线旅游行业数据,要求制定各产品部技术KPI,按周回顾及总结! • 更重要的是,携程2012年单独成立技术运营团队,旨在通过基调指数KPI,持续提升各产品线用户口碑!

  14. 案例介绍——中国国际航空公司 • 通过性能监测、内容调整、网络优化等多方面动作,国航首页的首屏时间从9秒降低并稳定维持在3秒左右。

  15. 案例介绍——中国国际航空公司 搜索 购买

  16. 案例介绍——中国国际航空公司 • 通过网页结构和内容的调整,以及对于服务器性能的优化,国航网站购票流程的整体性能以及成功率明显提升。

  17. 总下载时间和首屏时间 首屏时间 总下载时间

  18. 首屏时间对用户体验的影响 0-3秒 3-5秒 5-10秒 10秒以上

  19. 您需要基调网络 • 感 知 • 优 化 • 告 警 • 定 位

  20. 如何优化 • 在不同的主机之间同时下载 • 指定图片大小 • 将图片组合为CSS贴图定位 • 将静态资源分离到无cookie的域名 • 指定字符集 • 将CSS放在文档标头处 • 精简JavaScript • 合并外联js • 合并外联CSS • 精简HTML • 精简CSS • 提供压缩后的图片 • 尽量减少重定向 • 由同一网址提供资源 • 优化图片 • 避免出现错误的请求 • 避免在CSS中使用@import • 启用压缩 • 使用浏览器缓存 • 尽量减少请求的数据量 • 优化样式表和脚本的排列顺序 • 异步加载 • 将查询字符串从静态资源中删除 • 指定缓存验证依据 • 指定一个Vary: Accept-Encoding 标头 • 启用Keep-Alive • 使目标网页重定向可缓存 • 使用应用程序缓存

  21. 性能指标体系

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

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

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

  25. 谢 谢! 咨询电话:李佳 13701268131 地址:北京市朝阳区京顺路5号曙光大厦C座207室邮编:100016 北京基调网络系统有限公司 www.networkbench.com

More Related