Liferay 前端性能調優(1) 測評工具YSlow

最近我們團隊要問Liferay做前端頁面調優，當然了，測評工具是最重要的，為了看具體的頁面加載時間等，我們首選當然是Chrome浏覽器的診斷工具，但是總感覺不專業，基于我已有的經驗，我還是推薦了YSlow,它會對于頁面的各項名額進行打分，然後最終獲得總分然後評級，一般級别有A,B,C,D,E,F6個級别。

如何安裝和測試YSlow:

(1) 從Firefox的Add-on上下載下傳 ”YSlow"

(2)重新開機Firefox檢查是否YSlow已經被正确的安裝

(3)到我們要測試的頁面，點選工作列最右下角的 “YSlow"圖示

(4)在YSlow的工具視窗，切換到"Home"的标簽頁，然後點選按鈕"Run Test"

(5)它會去讀一個進度條，表示正在測試，然後測試完了之後，測試的結果将被顯示在Grade/Components/Statistics 标簽頁上。

我們最初沒有做任何優化的時候，評分隻有64分，等級為E 。可惜，我們這裡沒有64分的截圖了，還好我找到了1個70分的截圖，表示當時我們的前端頁面性能是很爛的。