[學習]網站性能及客戶體驗分析

1、Roadtrainning.com網站前端性能分析,,ROAD TRAINNING,網站:www.roadtrainning.com論壇:www.roadtrainning.com/bbs,主題,Part 1 網站性能的意義Part 2 外部性能分析工具介紹Part 3 知名互聯網網站當前現狀Part 4 改進建議、意見收集、反饋,速度 VS 功能？,速度與功能，哪個更重要？網站最基本的東西是什么？ 內

2、容再豐富的網站，如果慢到無法訪問也是毫無意義的；SEO做的再好的網站，如果搜索蜘蛛抓不到也是白搭； UE設計的再人性化的網站，如果用戶連看都看不到也是空談,網站速度與收入,n500ms20%(google)n400ms5%~9%(yahoo!)n100ms1%(amazon）500 ms slower = 20% drop in traffic (Google)100 ms slower = 1% drop in sale

3、s (Amazon),網站速度與收入,網站性能與收入Amazon: every 100 ms increase in load time of Amazon.com 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 decrease

4、d traffic and ad revenues by 20%,網站速度與用戶流失,Visitor Loss vs Page Load Time,Web性能優(yōu)化法則,,Web性能優(yōu)化法則,,第一部分 外部分析工具介紹,國內性能分析工具—基調系統介紹,1.1 外部工具 基調介紹,1. 什么是基調？2. 基調能做什么？3. 基調如何使用？,1.1.1 什么是基調,基調網絡成立于2007 年,是國內最大的互聯網用戶體

5、驗監(jiān)測服務商。基調網絡擁有最大的遍及全國各地的監(jiān)測網絡,覆蓋了全國100 多個城市的數據中心及數萬個人終端用戶。,1.1.2 基調能做什么？,通過基調監(jiān)測網絡可以監(jiān)測出目標網站在不同時間、不同區(qū)域、不同運營商的網民訪問的速度、可用性等用戶體驗數據能實時生成個性化的報表，以供決策者和運維管理者及時掌握網站的性能、可用性等各項表現，進而為優(yōu)化調整提供準確的決策依據。,1.1.3 基調如何使用,登陸： rpc.networkbench

6、.com,1.1.3 基調如何使用,由故障開始。。。,國際站被攻擊,,ChinaCache CDN故障,,1.1.3 基調如何使用,登陸后界面,任務選擇,,性能曲線,,時間選擇,,第二部分 知名互聯網網站當前現狀,新浪，網易，騰訊，搜狐 競爭對手—B2B，B2C網站B2B對手：慧聰網，環(huán)球資源網，中國制造B2C對手：淘寶，京東，當當，新蛋,阿里巴巴國際站,,3.1 門戶網站對比,第四部分：

7、改進建議,1. 頁面性能評估工具Yahoo! --Yslow雅虎的頁面優(yōu)化34法則，Yslow選取了能量化的22條Google --Page Speed功能同Yslowhttp://code.google.com/intl/zh-CN/speed/page-speed/download.html2. 改進建議。,4.1 工具評估結果-中文站,1. Yahoo Yslow結果,4.1 工具評估結果-中文站,2. Googl

8、e 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

9、的數量問題，盡可能的整合，減少請求次數。,4.2 改進建議,Offer detailCSS,JS的數量眾多，建議css，js的數量控制在5個以內頁面元素眾多。僅僅一個detail頁面，其元素個數都趕上首頁了，建議嚴格控制頁面元素。,參考 優(yōu)化對比,,,問答時間,評分規(guī)則,* Make Fewer HTTP Requests * Use a Content Delivery Network * Add an Expires

10、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