《网站性能及客户体验分析.ppt》由会员分享，可在线阅读，更多相关《网站性能及客户体验分析.ppt（40页珍藏版）》请在三一办公上搜索。
1、R网站前端性能分析,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
2、traffic(Google)100 ms slower=1%drop in sales(Amazon),网站速度与收入,网站性能与收入Amazon:every 100 ms increase in load time of A decreased sales by 1%.Google：a change in a 10-result page loading in 0.4 seconds to a 30-result page loading in 0.9 seconds decreased traffic and ad revenues by 20%,网站速度与用户流失,Visitor Lo
3、ss vs Page Load Time,Web性能优化法则,Web性能优化法则,第一部分 外部分析工具介绍,国内性能分析工具基调系统介绍,1.1 外部工具 基调介绍,1.什么是基调？2.基调能做什么？3.基调如何使用？,1.1.1 什么是基调,基调网络成立于2007 年,是国内最大的互联网用户体验监测服务商。基调网络拥有最大的遍及全国各地的监测网络,覆盖了全国100 多个城市的数据中心及数万个人终端用户。,1.1.2 基调能做什么？,通过基调监测网络可以监测出目标网站在不同时间、不同区域、不同运营商的网民访问的速度、可用性等用户体验数据能实时生成个性化的报表，以供决策者和运维管理者及时掌握网
4、站的性能、可用性等各项表现，进而为优化调整提供准确的决策依据。,1.1.3 基调如何使用,登陆：,1.1.3 基调如何使用,由故障开始。,国际站被攻击,ChinaCache CDN故障,1.1.3 基调如何使用,登陆后界面,任务选择,性能曲线,时间选择,第二部分 知名互联网网站当前现状,新浪，网易，腾讯，搜狐 竞争对手B2B，B2C网站B2B对手：慧聪网，环球资源网，中国制造B2C对手：淘宝，京东，当当，新蛋,阿里巴巴国际站,3.1 门户网站对比,第四部分：改进建议,1.页面性能评估工具Yahoo!-Yslow雅虎的页面优化34法则，Yslow选取了能量化的22条Google-Page Spe
5、ed功能同Yslow2.改进建议。,4.1 工具评估结果-中文站,1.Yahoo Yslow结果,4.1 工具评估结果-中文站,2.Google Page Speed,4.1 工具评估结果-国际站,Yahoo Yslow国际站首页,4.1 工具评估结果-国际站,Google-Page Speed,4.1 工具评估结果-offer detial,4.1 工具评估结果,国际站offer detail,4.2 改进建议,1.针对中文站首页首页大小 建议500KB以内页面元素 建议70个以内首页域名数量 建议控制在5个以内图片，CSS,JS的过期时间问题。CSS、JS的数量问题，尽可能的整合，减少请求
6、次数。,4.2 改进建议,Offer detailCSS,JS的数量众多，建议css，js的数量控制在5个以内页面元素众多。仅仅一个detail页面，其元素个数都赶上首页了，建议严格控制页面元素。,参考 优化对比,问答时间,评分规则,*Make Fewer HTTP Requests*Use a Content Delivery Network*Add an Expires Header*Gzip Components*Put CSS at the Top*Move Scripts to the Bottom*Avoid CSS Expressions*Make JavaScript and CSS External*Reduce DNS Lookups*Minify JavaScript*Avoid Redirects*Remove Duplicate Scripts*Configure ETags*Make Ajax Cacheable,整个流程优化切入,谢谢！,
