透过用户数据提升网站性能 -...

19
透过用户数据提升网站性能 www.networkbench.com 基调网络

Upload: others

Post on 17-Dec-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

透过用户数据提升网站性能

www.networkbench.com

蒲 炜

基调网络

Page 2: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

首页时间 总下载时间

首屏时间 首屏时间

Page 3: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

首屏幕时间:2.3秒

首屏幕元素:20个

首屏幕JS/CSS数量:4/1个

首屏幕下载字节数:103K

Page 4: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

首屏时间定义

•  首屏时间定义 –  浏览器完成页面第一屏渲染的时间

•  监测方式

Page 5: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

各行业首屏时间数据

3.9秒

1.6秒

4.7秒 5.0秒 5.3秒 5.1秒

综合门户 综合搜索 博客 旅行预订 B2B网站 汽车门户

Page 6: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

– 用户用视觉来感受网站的快慢

– 尽早将重要的信息展现给用户

– 残缺的信息展示用户同样会感觉网站慢

– 尽早完整地展示首屏页面

首屏时间对于网站用户体验的意义

Page 7: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

首屏时间对用户体验的影响

0-3秒

3-5秒

5-10秒

10秒以上

Page 8: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

如何优化首屏时间

l  DNS优化

l  CSS优化

l  Javascript优化

l  图片优化

l  更多:Yslow实践,PageSpeed实践

首屏时间

Page 9: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

用户监测数据对于网站基础网络结构决策的影响

• 全国骨干网络质量的实时监控  • CDN负载均衡策略的监控

• CDN节点性能及可用性

• CDN节点的错误及问题分析

Page 10: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

最终用户体验监测意义

•  高性能网站实践效果如何验证? – 想当然? – 内部QA测试? – 调查问卷?

•  问题比你想象的要复杂得多!

Page 11: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

最终用户体验监测意义

•  最终用户的复杂度 – 地域 – 运营商 – 网络环境 – 操作系统 – 浏览器版本 – 更多不可控的因素

•  以上所有因素都可能对高性能网站的实践结果产生不可预料的影响

•  解决之道:最终用户体验监测

Page 12: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

最终用户体验监测意义

Page 13: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

最终用户体验:监测原理

基调网络 监测数据中心

监测节点Probe

应用服务器

真实用户数据的采集与展现

Page 14: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

最终用户分布式监测

基调网络 监测数据中心

Page 15: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

数据生成及报表的整合和展现

基调网络 监测数据中心

Page 16: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

展望:移动应用的监测

未来移动性能的监测

Page 17: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

基调网络公司简介

致力于网站性能监测与优化,

改善用户体验,确保用户业务的最

佳表现。

Page 18: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

典型客户

中国Alexa排名前50家互联网企业有41家采用基调网络服务

Page 19: 透过用户数据提升网站性能 - O'Reillyvelocity.oreilly.com.cn/2010/ppts/velocityChina2010PuWei.pdf各行业首屏时间数据 3.9秒 1.6秒 4.7秒 5.0秒 5.3秒 5.1秒 综合门户

www.networkbench.com

谢谢!

《透过用户数据提升网站性能》