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分的截圖，表示當時咱們的前端頁面性能是很爛的。

接下來，咱們將用一系列的文章來介紹咱們團隊爲了前端性能調優而作出的努力。