一 速度與功能，哪個更重要
二 網站性能與收入
三 網站速度與使用者流失
四 Web性能優化法則
五 國内性能分析工具—基調系統介紹
六 國際站的優化實踐
七 改進建議
八 評分規則及優化
一 速度與功能，哪個更重要
1.網站最基本的東西是什麼？
内容再豐富的網站，如果慢到無法通路也是毫無意義的；
• SEO做的再好的網站，如果搜尋蜘蛛抓不到也是白搭；
• UE設計的再人性化的網站，如果使用者連看都看不到也是空談
2.網站速度與收入
• n500ms20%(google)
• n400ms5%~9%(yahoo!)
• n100ms1%(amazon）
• 500 ms slower = 20% drop intraffic (Google)
•100 ms slower = 1% drop in sales(Amazon)
1.Amazon:every 100 ms increase in load time of Amazon.com decreased sales by 1% .
2.Google：achange in a 10-result page loading in 0.4 seconds to a 30-result page loadingin 0.9 seconds decreased traffic and ad revenues by 20%
性能黃金法則
隻有10%–20%的最終使用者時間花在了下載下傳HTML文檔上，其餘的80%~90%的時間花在了下載下傳頁面中的所有元件上
（80%-90%使用者的等待時間是來自于前端的頁面加載）
1.什麼時基調：
1） 基調網絡成立于2007年,是國内最大的網際網路使用者體驗監測服務商。
2）基調網絡擁有最大的遍及全國各地的監測網絡,覆寫了全國100多個城市的資料中心及數萬個人終端使用者
2.基調能做什麼？
1）通過基調監測網絡可以監測出目标網站在不同時間、不同區域、不同營運商的網民通路的速度、可用性等使用者體驗資料
2）能實時生成個性化的報表，以供決策者和運維管理者及時掌握網站的性能、可用性等各項表現，進而為優化調整提供準确的決策依據。
登陸：rpc.networkbench.com
3. 基調如何使用：由故障開始
登陸後界面
知名網際網路網站目前現狀
競争對手—B2B，B2C網站
B2B對手：慧聰網，環球資源網，中國制造
B2C對手：淘寶，京東，當當，新蛋
1 . 頁面性能評估工具
Yahoo!--Yslow
–雅虎的頁面優化34法則，Yslow選取了能量化的23條
2. Google--Page Speed
–功能同Yslow
1. 針對中文站首頁
–首頁大小 建議500KB以内
–頁面元素 建議70個以内
–首頁域名數量 建議控制在5個以内
–圖檔，CSS,JS的過期時間問題。
–CSS、JS的數量問題，盡可能的整合，減少請求次數。
2.Offer detail
–CSS,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
－ConfigureETags
－Make Ajax Cacheable
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
A.盡量減少HTTP請求次數
1.合并JS
2.合并CSS檔案
3.CSS Sprites
4.Image 圖檔
5.将圖檔編碼成Base64資料嵌入網頁
B.減少阻塞次數、減少阻塞時間
1.将CSS放在頂部
2.将JS放在底部
3.删除重複的腳本
4.延遲加載渲染頁面不需要的腳本
5.按需異步下載下傳腳本