谷歌的 PageSpeed Insights 是一個網(wǎng)頁評估的神器纳猫,當自己開發(fā)的博客的那個站點完成之后誓军,總是需要使用對頁面做一下響應測試之類的嚎幸,最簡單的方法就是直接 F12
打開瀏覽器的調(diào)試模式,然后看network
部分的瀑布圖邑商,分析每一個資源的加載情況。適合像我這種只會Java的前端菜雞使用遍坟,湊合分析一下就得了芥炭。PageSpeed 使用很簡單,直接打開 它的主頁 羽峰,里面有一個粘貼URL的輸入框趟咆,把自己上線的網(wǎng)站地址復制過去,點分析就行了:
pagespeed主頁
分析結果有兩個部分梅屉,一個是移動端的測試結果值纱,一個是桌面端的測試結果,都會有一個百分制的打分坯汤,90-100分的算是優(yōu)秀了:
分析結果
這個打分受限于網(wǎng)絡等各種因素的影響虐唠,可能每次都不一樣,基本在一個范圍內(nèi)波動惰聂,圖一樂就行了哈疆偿,最重要的還是看這個具體的分析結果:
分析結果
首先是響應時間的統(tǒng)計數(shù)據(jù)(結果默認是英文的簡略信息妈橄,右邊有一個小按鈕可以選著顯示中文信息):
響應時間
六個指標,耗時越少越好翁脆,其中First Contentful Paint (FCP)是瀏覽器打開之后,默認全屏窗口下能夠看到的界面(不包括下拉之后顯示的內(nèi)容)的響應渲染時間鼻种。之后是優(yōu)化建議和診斷結果:
優(yōu)化建議與診斷結果
紅色標記的就是可以著重進行優(yōu)化的部分反番,一般無外乎就是壓縮資源、優(yōu)化圖像叉钥、HTTP2換HTTP1.1此類的建議罢缸。最后是看著辦,可以優(yōu)化的部分:
可優(yōu)化部分
當然這些個優(yōu)化建議都是機器搞出來的投队,也不一定準確枫疆。另外如果是網(wǎng)站也使用了谷歌的Google Analytic工具的話,PageSpeed也會獲取來自Analytic的統(tǒng)計數(shù)據(jù)做分析敷鸦。