導(dǎo)讀：?網(wǎng)站速度是外貿(mào)網(wǎng)站seo排名因素之一，網(wǎng)站頁(yè)面體驗(yàn)自2020年5月列入衡量谷歌排名的一項(xiàng)影響因素。而PageSpeed Insights是由全球最大的搜索引擎谷歌推出的網(wǎng)站性能檢測(cè)工具，可以幫助提升網(wǎng)站性能和速度。今天我們就簡(jiǎn)單的了解什么是谷歌PageSpeed Insights，及如何利用PageSpeed Insights來(lái)進(jìn)行網(wǎng)站性能優(yōu)化,?進(jìn)而提升網(wǎng)站排名帶來(lái)更多流量，帶來(lái)更好的外貿(mào)網(wǎng)站seo優(yōu)化效果。

一．什么是谷歌PageSpeed Insights？

PageSpeed Insights（PSI）?是一款旨在優(yōu)化所有設(shè)備上的網(wǎng)頁(yè)、提高網(wǎng)頁(yè)加載速度的工具。能夠針對(duì)移動(dòng)設(shè)備和桌面設(shè)備生成網(wǎng)頁(yè)的實(shí)際性能報(bào)告，并能夠提供關(guān)于如何改進(jìn)相應(yīng)網(wǎng)頁(yè)的建議。

谷歌官方的PSI有兩個(gè)版本，在線版和插件版：

1.在線版本：https://pagespeed.web.dev/

2.插件版：Chrome擴(kuò)展PageSpeed Insights

二、?谷歌PageSpeed Insights重要性

谷歌在2018年再次加強(qiáng)了網(wǎng)站加載速度對(duì)網(wǎng)站排名的權(quán)重。之前，網(wǎng)站頁(yè)面速度是根據(jù)網(wǎng)站的桌面設(shè)備加載速度來(lái)衡量。但截至2018年7月9日，頁(yè)面速度也成為了移動(dòng)搜索的排名因素。

PageSpeed Insights是由全球最大的搜索引擎谷歌推出的網(wǎng)站性能檢測(cè)工具。有別于其他第三方的網(wǎng)站測(cè)速工具，PageSpeed Insights除了網(wǎng)速測(cè)試，同時(shí)還會(huì)給到網(wǎng)站性能和速度提升的優(yōu)化建議。

利用谷歌PageSpeed Insights進(jìn)行網(wǎng)站的桌面設(shè)備和移動(dòng)設(shè)備進(jìn)行頁(yè)面加載速度優(yōu)化，對(duì)于提升網(wǎng)站排名和用戶體驗(yàn)比以往任何時(shí)候都很重要。

在SEO和頁(yè)面速度排名因素或純粹的響應(yīng)速度方面，Google是否使用PageSpeed Insights？谷歌網(wǎng)站管理員趨勢(shì)分析師加里·伊利斯（Gary Illyes）回應(yīng)說(shuō)：“我會(huì)同時(shí)選擇這兩種方式。”

三、如何使用PageSpeed Insights優(yōu)化網(wǎng)站？

PageSpeed Insights 會(huì)評(píng)估相應(yīng)網(wǎng)頁(yè)對(duì)常用的性能優(yōu)化最佳做法的遵循情況，并計(jì)算出一個(gè)得分（分值介于 0 到 100 之間）來(lái)估算相應(yīng)網(wǎng)頁(yè)的性能優(yōu)化空間。分?jǐn)?shù)越高，代表網(wǎng)站的性能越好。

但請(qǐng)記住，分?jǐn)?shù)不是PageSpeed Insights推出的最終目的，而是為了幫助你解決網(wǎng)站問(wèn)題的工具，通過(guò)建議優(yōu)化減少用戶實(shí)際和感知頁(yè)面加載的時(shí)間。所以不需要過(guò)分追求100/100的分?jǐn)?shù)值，只需要根據(jù)PSI給到的建議進(jìn)行有步驟地提升網(wǎng)站性能即可。

一）網(wǎng)址查詢：

就像任何其他 Google 工具一樣，PageSpeed Insights 非常易于使用。只需輸入您要分析的網(wǎng)頁(yè)的 URL，然后讓該工具完成其工作。

我們可以選擇移動(dòng)設(shè)備或電腦設(shè)備分別針對(duì)頁(yè)面進(jìn)行測(cè)試。

二）報(bào)告生成

①　首先，它在 CrUX 中收集網(wǎng)頁(yè)的“現(xiàn)場(chǎng)數(shù)據(jù)?field”，即Chrome 用戶體驗(yàn)報(bào)告。（CrUX 報(bào)告會(huì)從訪問(wèn)您網(wǎng)址的實(shí)際用戶那里收集有關(guān)性能的匿名指標(biāo)（稱為“實(shí)測(cè)數(shù)據(jù)”）。無(wú)論網(wǎng)址是否屬于 Search Console 資源，CrUX 數(shù)據(jù)庫(kù)都會(huì)收集有關(guān)該網(wǎng)址的信息。）

②　然后它使用Lighthouse API測(cè)量頁(yè)面性能。它計(jì)算受控和模擬環(huán)境中的加載率：中間層設(shè)備和移動(dòng)網(wǎng)絡(luò)。因此，這被稱為“實(shí)驗(yàn)室數(shù)據(jù)lab”。

三）報(bào)告解讀

①　PSI 提供有關(guān)頁(yè)面的實(shí)驗(yàn)室lab和現(xiàn)場(chǎng)數(shù)據(jù)?field

實(shí)驗(yàn)室數(shù)據(jù)對(duì)于調(diào)試性能問(wèn)題很有用，因?yàn)樗窃谑芸丨h(huán)境中收集的。但是，它可能無(wú)法捕捉到現(xiàn)實(shí)世界的瓶頸。

現(xiàn)場(chǎng)數(shù)據(jù)對(duì)于捕捉真實(shí)的、真實(shí)的用戶體驗(yàn)很有用——但具有更有限的一組指標(biāo)。

②　真實(shí)的用戶數(shù)據(jù)

PSI 中的真實(shí)用戶體驗(yàn)數(shù)據(jù)由Chrome 用戶體驗(yàn)報(bào)告(CrUX) 數(shù)據(jù)集提供支持。PSI 報(bào)告真實(shí)用戶在過(guò)去 28 天收集期間的數(shù)據(jù)。主要包含以下4方面：

FCP：First Contentful Paint 是加載第一個(gè)圖像或文本所用的時(shí)間。

LCP（最大內(nèi)容渲染時(shí)間）：最大內(nèi)容繪制是加載最大的圖像或文本所花費(fèi)的時(shí)間。

FID：首次輸入延遲是瀏覽器響應(yīng)用戶第一次交互所花費(fèi)的時(shí)間。

CLS：視口中的任何頁(yè)面移動(dòng)都通過(guò) Cumulative Layout Shift 來(lái)衡量；CLS 分?jǐn)?shù)低于 0.1 為好，高于 0.25 為差。

PSI 還報(bào)告了實(shí)驗(yàn)指標(biāo)交互到下一次繪制(INP) 和時(shí)間到第一個(gè)字節(jié)(TTFB) 的經(jīng)驗(yàn)。

整個(gè)報(bào)告中的彩色編碼使您更容易找到網(wǎng)站上表現(xiàn)良好的區(qū)域、需要改進(jìn)的地方以及表現(xiàn)不佳的地方。

1.紅色表示性能不佳／差

2.綠色表示良好/可接受的性能

3.琥珀色顯示它需要多少改進(jìn)

③　PSI優(yōu)化建議

數(shù)據(jù)報(bào)告中我們看到頁(yè)面的等級(jí)狀態(tài)后，也會(huì)有針對(duì)頁(yè)面的優(yōu)化改進(jìn)建議。需要我們一步一步針對(duì)建議作出修改，提升網(wǎng)站的整體性能。

外貿(mào)網(wǎng)站seo工作中常見(jiàn)的建議有：

1.消除渲染阻塞資源

2.開(kāi)啟Gzip壓縮

3.減小圖片體積

4.啟用瀏覽器緩存

5.減少服務(wù)器響應(yīng)時(shí)間

6.最小化JavaScript

7.刪除查詢字符串

8.利用CDN加速網(wǎng)站

9.選擇一個(gè)更快的網(wǎng)站主題，它是輕量級(jí)的

10.嵌入視頻而不是將它們直接上傳到網(wǎng)站，這往往會(huì)使其變慢

11.避免過(guò)多的重定向，除非非常有必要的情況下

12.預(yù)加載密鑰請(qǐng)求等等

四、移動(dòng)站性能優(yōu)化建議

早在2016年，谷歌宣布移動(dòng)優(yōu)先索引，注重移動(dòng)端的用戶體驗(yàn)。并在之后的谷歌PageSpeed Insights中加入移動(dòng)設(shè)備測(cè)試。除了PSI給到的針對(duì)性的優(yōu)化建議之外，我們可以參照谷歌提出的移動(dòng)端“最佳實(shí)踐目標(biāo)“進(jìn)行移動(dòng)端性能優(yōu)化：

1. 服務(wù)器必須在 200 毫秒內(nèi)呈現(xiàn)響應(yīng)內(nèi)容
2. 應(yīng)盡可能減少重定向次數(shù)
3. 應(yīng)盡可能減少首次呈現(xiàn)內(nèi)容所需的網(wǎng)絡(luò)往返次數(shù)
4. 避免在首屏內(nèi)容中包含會(huì)阻止內(nèi)容呈現(xiàn)的外部 JavaScript 和 CSS
5. 為瀏覽器布局和呈現(xiàn)預(yù)留時(shí)間（200 毫秒）
6. 優(yōu)化 JavaScript 的執(zhí)行及呈現(xiàn)用時(shí)

總結(jié)：良好的網(wǎng)頁(yè)速度不一定有100／100的分?jǐn)?shù)，我們亦無(wú)需過(guò)分追求100/100的網(wǎng)站，我們只需要專注于使頁(yè)面速度更快，用戶體驗(yàn)更佳。畢竟，這樣的頁(yè)面對(duì)Google和用戶都非常重要。

推薦閱讀