針對目前接手的web前端的性能，一時間不知道從什么地方入手，然后經過查找資料，發現其實還是蠻簡單的。
前端性能測試對象：
HTML、CSS、JS、AJAX等前端技術開發的Web頁面
影響用戶瀏覽網頁速度的因素：
服務端數據返回、網絡傳輸、頁面渲染等
前端性能測試目的：
計算出包含頁面渲染、網絡傳輸以及服務器端解析等綜合因素在內的加載時間等指標，對該頁面性能進行評估分析，找出影響性能的主要因素和瓶頸，並在此結果的基礎上，給出一定的優化建議和解決方案，從而提升用戶體驗
頁面結構分析工具： YSlow/PageSpeed
通過網頁JS/CSS/Image數及請求數量、請求類型、緩存等方面的靜態分析
多用於本地開發或者本地測試
真實用戶瀏覽頁面分析：OneAPM Browser Insight/DynaTrace Ajax Edition
通過真實瀏覽器訪問頁面，收集頁面的w3c 標准信息，ajax，網絡等數據等終端分析
多用於內網多終端系統檢測和web網站檢測
靜態分析 –-Yslow 業界俗稱---雅虎評估網站性能的23條軍規
通過給瀏覽器安裝 Yslow 插件后在使用Yslow后，在控制面板里就會給你評分提示，和改進建議。
Grade(等級視圖)—Yslow
Yslow給出的網站性能評分，從F~A，A是最好的，通過測試來看，網站有4處得分最低，例如圖2中的最低分提示：我的HTTP請求太多。其中應用了14個外部js、3個CSS文件（之前我已從6個合並為3個）、14個CSS背景圖片。
Yslow的建議是讓我合並這些，至於合並CSS引用圖片我在“提高網站打開速度的7大秘籍”中介紹過。
Components（組件視圖）—Yslow
通過Components考驗查看網頁各個元素占用的空間大小，例如我某個頁面，有236個images（圖片），占用了489.2K，通過詳細查看，發現來自gravatar頭像的引用圖片非常大，在加上評論量就大，每個頭像就占用幾K，幾百個就占用了整個網頁50%的大小，而且圖片還是引用的，加載就更慢。
所以，得出的結論是：gravatar雖然增強了互動性和個性，但也結結實實影響了網站速度。
Statistics（統計信息視圖）—Yslow
終端分析 –-OneAPM Browser Insight/業界俗稱---RUM rum real user monitoring
通過各種語言探針給頁面自動插入一行js代碼，在瀏覽器瀏覽的時候收集頁面加載時間和網絡信息，多用於內網多終端系統檢測和web網站
主要性能指標 -白屏時間、首屏時間、html5啟動時間、網頁加載就緒時間
以博客園博客為例
主要指標
頁面加載的性能區間 錯誤信息 等
ajax
