外貿(mào)和英文網(wǎng)站獲客渠道一般分為廣告投放和自然引流,自然流量一般是Google搜索引擎,Google對(duì)網(wǎng)站有兩個(gè)監(jiān)控工具,
一個(gè)是 PageSpeed Insights,https://developers.google.com/speed/pagespeed/insights/,
一個(gè)是Core Web Vitals https://web.dev/vitals/,
如果能遵循這些建議,那么你的網(wǎng)站一把會(huì)獲得更高的搜索排名。
那么,問(wèn)題來(lái)了,是否要把Page Speed的測(cè)試做到100分呢? 這些得分對(duì)Google的排名多多大影響?本文就這些問(wèn)題做一個(gè)簡(jiǎn)單的探討。
Google PageSpeed Insights 是什么?
Google的SEO相對(duì)來(lái)說(shuō)比較靠譜,一直以來(lái)以不作惡為標(biāo)桿,所以Google本身也提供了一個(gè)對(duì)頁(yè)面優(yōu)化建議的工具,就是 Google PageSpeed Insights,只需要輸入你的網(wǎng)站,即可得到響應(yīng)的分析結(jié)果和評(píng)分。
https://developers.google.com/speed/pagespeed/insights/
PageSpeed Insights (PSI) 會(huì)報(bào)告網(wǎng)頁(yè)在移動(dòng)設(shè)備和桌面設(shè)備上的性能,并提供關(guān)于如何改進(jìn)網(wǎng)頁(yè)的建議。更多對(duì)報(bào)告的解讀,可以查看谷歌官方的解讀文檔。
https://developers.google.com/speed/docs/insights/v5/about
谷歌的PageSpeed Insights其實(shí)也是來(lái)源于谷歌開(kāi)源的燈塔工具,所以一些算法也可以從中獲取,具體鏈接如下:
https://developers.google.com/web/tools/lighthouse/
對(duì)于Google的評(píng)分工具,我們是否一定要得到100分呢?
實(shí)際上,我們的網(wǎng)站一般是沒(méi)有辦法得到100分的,因?yàn)?00分是理想狀態(tài),要得到100分,就要對(duì)網(wǎng)站做很多改造,幾乎很多用戶體驗(yàn)的元素都要?jiǎng)h掉,重要會(huì)導(dǎo)致網(wǎng)站幾乎不能看,真實(shí)的用戶體驗(yàn)反而沒(méi)有了,那情況反倒更糟糕。
比如,你在Google里面搜索 SEO Module Drupal 這樣的關(guān)鍵詞,看看前十名的網(wǎng)站,Google的評(píng)分是多少,也到不了100,大部分在40-60分左右,得分都不高,因此并不是一定要追求100分。
但是,即便得分不重要,Google 的評(píng)分工具卻給我們提供了一個(gè)優(yōu)化的方向,那個(gè)還是比較重要的,我們可以按照優(yōu)化建議對(duì)相應(yīng)的地方進(jìn)行改進(jìn)和優(yōu)化,這個(gè)是有利的。
一個(gè)網(wǎng)站真正應(yīng)該優(yōu)化的是實(shí)際的用戶體驗(yàn),而不是GPI的評(píng)分,因?yàn)橛脩舸蜷_(kāi)網(wǎng)站比較慢,那么他就立刻離開(kāi)了,而不會(huì)再繼續(xù)等待,因此我們應(yīng)該優(yōu)化的是實(shí)際的用戶體驗(yàn)。
參考如下的測(cè)試結(jié)果,
這個(gè)里面的數(shù)據(jù),其實(shí)是我們要優(yōu)化的重點(diǎn),谷歌也給出了具體的說(shuō)明,參考如下:
我們順便解釋一下上面相關(guān)的名詞,
FCP - First Contentful Paint,翻譯過(guò)來(lái)就是網(wǎng)站的*內(nèi)容繪制,是瀏覽器在頁(yè)面上呈現(xiàn)*個(gè)DOM元素的時(shí)間。這包括圖像、畫(huà)布元素(非白色)或文本。通俗地說(shuō),F(xiàn)CP是指用戶可以看到頁(yè)面的某些部分發(fā)生變化,就是白屏有動(dòng)了,用戶開(kāi)心了。
FID - First Input Delay,“*輸入延遲”, 是指從訪客與您的網(wǎng)站進(jìn)行互動(dòng)到他們的瀏覽器做出反應(yīng)之間所發(fā)生的時(shí)間,單位為毫秒。它是Chrome用戶體驗(yàn)報(bào)告中的一個(gè)重要指標(biāo)。此外,它也是核心網(wǎng)絡(luò)指標(biāo)之一,這些是谷歌用來(lái)確定你的網(wǎng)站用戶體驗(yàn)質(zhì)量的指標(biāo)。
這個(gè)指標(biāo)相對(duì)比較重要,因此JavaScript太多的網(wǎng)站會(huì)導(dǎo)致FID特別高,應(yīng)適當(dāng)減少。此外,不同的設(shè)備也有不同的FID,需要針對(duì)性優(yōu)化。
LCP - Largest Contentful Paint,翻譯為“*內(nèi)容繪制”,用于監(jiān)控網(wǎng)頁(yè)可視區(qū)內(nèi)“繪制面積”*的元素開(kāi)始呈現(xiàn)在屏幕上的時(shí)間點(diǎn)。也就是主要的內(nèi)容能看到了。
CLS - Cumulative Layout Shift,中文翻譯叫做累積布局偏移,指的是瀏覽網(wǎng)頁(yè)時(shí)你是否遇到過(guò)頁(yè)面上的內(nèi)容忽然扭轉(zhuǎn)的狀況?沒(méi)有任何征兆地文本挪動(dòng)了地位,導(dǎo)致你都不曉得讀到哪了。這個(gè)原因一般是Ajax這種異步加載,或者JS的渲染造成的,所以也要注意Ajax的一些加載問(wèn)題。
(1)使用*標(biāo)準(zhǔn)的圖片格式,棄用老的格式,比如JPEG/PNG,新的格式比如 PEG 2000, JPEG XR, and WebP。
(2)減少JS區(qū)塊的渲染,盡量用inline的css和JavaScript,以降低FCP和FID。
(3)圖片的延遲加載,不在屏幕的照片,延遲加載,不要一次性加載出來(lái)。
(4)注意圖片的大小,并且支持自適應(yīng)。
(5)靜態(tài)資源的瀏覽器緩存,以及CDN緩存。
歡迎轉(zhuǎn)載,請(qǐng)注明出處!