Roadtrainningx
网站前端性能分析
ROAD TRAINNING
• 网站:
• 论坛:
主题
Part 1 网站性能的意义
Part 2 外部性能分析工具介绍
Part 3 知名互联网网站当前现状
Part 4 改进建议、意见收集、反馈
速度 VS 功能？
• 速度与功能，哪个更重要？
– 网站最基本的东西是什么？
– 内容再丰富的网站，如果慢到无法访问也是毫无意义的；
– SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭；
– UE设计的再人性化的网站，如果用户连看都看不到也是空谈
网站速度与收入
• n500ms20%(google)
• n400ms5%~9%(yahoo!)
• n100ms1%(amazon）
• 500 ms slower = 20% drop in traffic
(Google)
• 100 ms slower = 1% drop in sales
(Amazon)
网站速度与收入
• 网站性能与收入
– Amazon: every 100 ms increase in load time
of Amazonx decreased sales by 1% .
– Google：a change in a 10-result page loading
in seconds to a 30-result page loading in
seconds decreased traffic and ad
revenues by 20%
网站速度与用户流失
Visitor Loss vs Page Load Time
Web性能优化法则
Web性能优化法则
第一部分 外部分析工具介绍
国内性能分析工具—基调系统介绍
外部工具 基调介绍
1. 什么是基调？
2. 基调能做什么？
3. 基调如何使用？
什么是基调
• 基调网络成立于2007 年,是国内最大的互联
网用户体验监测服务商。
• 基调网络拥有最大的遍及全国各地的监测
网络,覆盖了全国100 多个城市的数据中心
及数万个人终端用户。
基调能做什么？
• 通过基调监测网络可以监测出目标网站在
不同时间、不同区域、不同运营商的网民
访问的速度、可用性等用户体验数据
• 能实时生成个性化的报表，以供决策者和
运维管理者及时掌握网站的性能、可用性
等各项表现，进而为优化调整提供准确的
决策依据。
基调如何使用
• 登陆： rpcxworkbenchx
基调如何使用
• 由故障开始。。。
ChinaCache CDN故障
基调如何使用
• 登陆后界面
第二部分
知名互联网网站当前现状
新浪，网易，腾讯，搜狐
竞争对手—B2B，B2C网站
B2B对手：慧聪网，环球资源网，中国制造
B2C对手：淘宝，京东，当当，新蛋
阿里巴巴
国际站
门户网站对比
站点名称
总下载字节数
（KB）
基础页面下载字
节数（KB） 页面对象数 首屏对象数 DNS解析次数
DNS解析总时间
（秒）
建立连接次数
建立连接总时间
（秒）
DOM元素个数 域名数 css数 js数 缓存设置 文本压缩
新浪 138 18 30 78 4363 28 7 26 有 25/62
腾讯 71 21 12 30 1873 13 1 9 有 8/14
网易 160 42 24 61 4296 29 2 10 有 23/38
搜狐 96 29 22 90 3244 22 5 13 有 17/33
阿里巴巴中文站 130 70 15 47 3692 16 1 8 有 15/18
阿里巴巴国际站 77 42 5 10 1622 5 2 5 有 7/7
第四部分：改进建议
工具评估结果-中文站
• 1. Yahoo Yslow结果
工具评估结果-中文站
• 2. Google Page Speed
工具评估结果-国际站
• Yahoo Yslow—国际站首页
工具评估结果-国际站
• Google-Page Speed
工具评估结果-offer detial
工具评估结果
• 国际站offer detail
改进建议
• 1. 针对中文站首页
–首页大小 建议500KB以内
–页面元素 建议70个以内
–首页域名数量 建议控制在5个以内
–图片，CSS,JS的过期时间问题。
– CSS、JS的数量问题，尽可能的整合，减少请
求次数。
改进建议
• Offer detail
– CSS,JS的数量众多，建议css，js的数量控制
在5个以内
–页面元素众多。仅仅一个detail页面，其元素个
数都赶上首页了，建议严格控制页面元素。
参考 优化对比
问答时间
评分规则
整个流程优化切入
谢谢！
