測試、分析網站網頁的速度，以及優化的方向

時隔很久我又出現了，最近真的是太忙了，現在一個一個介紹我的這最近一段時間的

PageSpeed Insights

這個是我自己百度了一番後發現比較方便的一款測試、分析網頁的的速度的一個工具，好的東西當然要分享給大家，希望對你們有幫助

簡介、優勢

PageSpeed Insights (PSI) 是 Google 在全球範圍內應用最廣的開發者工具之一。PSI 2.0 版本在2018年1月9日發佈並且取得了巨大的成功。爲了更好地幫助中國地區的開發者並構建一個良好的網頁生態環境

PSI 作爲一款專注於改進網頁性能的開發者工具，它主要具有以下兩個優勢：

1. 真實的網頁運行速度。這是 PSI 2.0 中的新功能，PSI 結合 Chrome 用戶體驗報告中的數據，向開發者展示他們的網頁的實際性能，這一點對於開發者來說是很有價值的。那麼，PSI 則成爲了用戶獲得真實的網頁運行速度的窗口。

2. 優化建議。根據一些常用的網頁性能優化規則(如避免過多的重定向)，PSI 會基於該網頁的優化空間爲用戶提供一些網頁優化建議。

通過評估網頁性能的優化空間，優化得分將網頁劃分爲 “良好”、“中等” 和 “偏低” 三個類別。相應的，優化建議則列出了一系列用戶可遵循並應用到該網頁的優化步驟。爲了向用戶提供更好的優化建議，優化得分已經根據 Chrome 用戶數據進行相應的調整，以更加符合真實數據。

附上一張測試的結果圖：

該網頁的統計信息。這個部分會告訴你整個網站需要優化的方向，這裏還有網站速度運行的評分，下面列表是建議的每個方向需要優化的，這樣可以幫助我們快速定位到需要優化的方向。

下載、使用

這個插件的好處只有你用了才能深刻體會到，下面就是下載安裝的方式

PageSpeed Insights (PSI) 是 Google 在全球範圍內應用最廣的開發者工具之一。所以使用Google的開發者可以在軟件應用商店直接下載,如下圖：

下面就是添加到應用使用了。
在使用的時候，你會直接在開發者工具裏面看到PageSpeed選項，如下圖，直接操作按鈕。開始測試就可以了

這樣就快讀定位需要優化的方向了，加油！

這是本人第一次使用MarkDown編輯博客，有點慌呀。。。。。。哈哈