网站性能及客户体验分析.ppt

R网站前端性能分析 ROADTRAINNING 网站 论坛 主题 Part1网站性能的意义Part2外部性能分析工具介绍Part3知名互联网网站当前现状Part4改进建议 意见收集 反馈 速度VS功能 速度与功能 哪个更重要 网站最基本的东西是什么 内容再丰富的网站 如果慢到无法访问也是毫无意义的 SEO做的再好的网站 如果搜索蜘蛛抓不到也是白搭 UE设计的再人性化的网站 如果用户连看都看不到也是空谈 网站速度与收入 n500ms20 google n400ms5 9 yahoo n100ms1 amazon 500msslower 20 dropintraffic Google 100msslower 1 dropinsales Amazon 网站速度与收入 网站性能与收入Amazon every100msincreaseinloadtimeofAdecreasedsalesby1 Google achangeina10 resultpageloadingin0 4secondstoa30 resultpageloadingin0 9secondsdecreasedtrafficandadrevenuesby20 网站速度与用户流失 VisitorLossvsPageLoadTime Web性能优化法则 Web性能优化法则 第一部分外部分析工具介绍 国内性能分析工具 基调系统介绍 1 1外部工具基调介绍 1 什么是基调 2 基调能做什么 3 基调如何使用 1 1 1什么是基调 基调网络成立于2007年 是国内最大的互联网用户体验监测服务商 基调网络拥有最大的遍及全国各地的监测网络 覆盖了全国100多个城市的数据中心及数万个人终端用户 1 1 2基调能做什么 通过基调监测网络可以监测出目标网站在不同时间 不同区域 不同运营商的网民访问的速度 可用性等用户体验数据能实时生成个性化的报表 以供决策者和运维管理者及时掌握网站的性能 可用性等各项表现 进而为优化调整提供准确的决策依据 1 1 3基调如何使用 登陆 1 1 3基调如何使用 由故障开始 国际站被攻击 ChinaCacheCDN故障 1 1 3基调如何使用 登陆后界面 任务选择 性能曲线 时间选择 第二部分知名互联网网站当前现状 新浪 网易 腾讯 搜狐竞争对手 B2B B2C网站B2B对手 慧聪网 环球资源网 中国制造B2C对手 淘宝 京东 当当 新蛋 阿里巴巴国际站 3 1门户网站对比 第四部分 改进建议 1 页面性能评估工具Yahoo Yslow雅虎的页面优化34法则 Yslow选取了能量化的22条Google PageSpeed功能同Yslow 4 1工具评估结果 中文站 1 YahooYslow结果 4 1工具评估结果 中文站 2 GooglePageSpeed 4 1工具评估结果 国际站 YahooYslow 国际站首页 4 1工具评估结果 国际站 Google PageSpeed 4 1工具评估结果 offerdetial 4 1工具评估结果 国际站offerdetail 4 2改进建议 1 针对中文站首页首页大小建议500KB以内页面元素建议70个以内首页域名数量建议控制在5个以内图片 CSS JS的过期时间问题 CSS JS的数量问题 尽可能的整合 减少请求次数 4 2改进建议 OfferdetailCSS JS的数量众多 建议css js的数量控制在5个以内页面元素众多 仅仅一个detail页面 其元素个数都赶上首页了 建议严格控制页面元素 参考优化对比 问答时间 评分规则 MakeFewerHTTPRequests UseaContentDeliveryNetwork AddanExpiresHeader GzipComponents PutCSSattheTop MoveScriptstotheBottom AvoidCSSExpressions MakeJavaScriptandCSSExternal ReduceDNSLookups MinifyJava