如何科學(xué)的檢測衡量一個外貿(mào)網(wǎng)站的加載速度
時間:2023-04-27 21:42:01 | 來源:網(wǎng)站運(yùn)營
時間:2023-04-27 21:42:01 來源:網(wǎng)站運(yùn)營
如何科學(xué)的檢測衡量一個外貿(mào)網(wǎng)站的加載速度:Google說,網(wǎng)頁速度是要影響排名的。2018年7月將影響移動搜索,詳情請看。
Amazon說,首頁打開時間每增加100毫秒,網(wǎng)站銷售量會減少1%。
所以,網(wǎng)站加載速度很重要!
那怎么科學(xué)的判斷一個網(wǎng)站的加載速度呢?特別是一個外貿(mào)網(wǎng)站?
先糾正一些錯誤的理解
為說明這些問題,我們使用 GTmetrix 平臺,分別對三個網(wǎng)站,進(jìn)行加載速度測評。這三個網(wǎng)站分別是:
- www.dgcrane.com 我們做的一個起重機(jī)械網(wǎng)站
- www.demagcranes.com 全球起重機(jī)械行業(yè)頂尖企業(yè)
- www.google.com 這個不介紹
測評環(huán)境為:
- 瀏覽器 Chrome
- 網(wǎng)速 3G Mobile (1.6 Mbps/768 Kbps, 200ms)
- 地點(diǎn) Vancouver, Canada
測評報(bào)告:
- Dgcrane網(wǎng)站測評報(bào)告 https://gtmetrix.com/reports/www.dgcrane.com/fET3koPk
- Demag網(wǎng)站測評報(bào)告 https://gtmetrix.com/reports/www.demagcranes.com/TBl5ONbW
- Google網(wǎng)站測評報(bào)告 https://gtmetrix.com/reports/www.google.com/4l4JxfUH
誤區(qū)一 Pagespeed 及 YSlow 測評得分
這里的 Pagespeed (來自 Google)、YSlow (來自 Yahoo),代表的是,網(wǎng)頁本身的一些速度優(yōu)化項(xiàng)目做的如何。這些項(xiàng)目都多少會影響網(wǎng)頁的加載。但他不能反映網(wǎng)站服務(wù)器的性能,也不能反映網(wǎng)頁的真實(shí)加載速度。也就是說,都是滿分的網(wǎng)站,實(shí)際加載也可能很慢。實(shí)際加載很快的網(wǎng)站,這兩個評分也有可能很低。以為這兩個指標(biāo)做好了,網(wǎng)站速度就會很牛,是一個很大的誤解。
為防止大家誤解,GTmetrix 官方專門寫了一篇文章去說明這個問題,有興趣的同學(xué),可以直接讀下。
PageSpeed and YSlow are Half the Battle Your page load speed depends on more than just PageSpeed and YSlow scores.
做好這些,只是完成了一半的優(yōu)化(另一半,多指的是服務(wù)器端的優(yōu)化);網(wǎng)站加載速度,遠(yuǎn)不止靠這兩個得分。那這兩個指標(biāo)有什么意義呢?對照這些指標(biāo)去做,可以讓你的網(wǎng)站速度優(yōu)化,錦上添花。實(shí)際中,很少有網(wǎng)站能做到100%,可以挑一些你認(rèn)為非常厲害的網(wǎng)站測下試試,一般做到八九十就已經(jīng)不錯了。當(dāng)然,我們的網(wǎng)站,一般來說都能達(dá)到八九十。所以,如果你對這塊不專業(yè),而只想知道自己網(wǎng)站真實(shí)的加載速度,這兩個指標(biāo)真的不用太在意,也別被人忽悠。
誤區(qū)二 加載時間
如果上面兩個指標(biāo)不好用,那么看顯示的加載時間(Fully Loaded Time)準(zhǔn)沒錯了吧!不好意思,還是錯的。
上面這些網(wǎng)站檢測報(bào)告的 Fully Loaded Time 分別為 14.6s / 16.8s / 5.9s,直觀告訴我們,都挺渣的不是嗎?但,google 也很慢嗎?應(yīng)該不會!
首先,測量加載時間的時候,一定要看測試的地點(diǎn),及使用的網(wǎng)絡(luò)環(huán)境。如果網(wǎng)速慢的話,打開 google 也不會快,但 google 網(wǎng)站的加載速度是有保證的。
其次,一般來說,不能使用 Fully Loaded Time 去衡量網(wǎng)站的加載速度。為什么呢,F(xiàn)ully Loaded Time 指的是網(wǎng)頁里面的所有元素全部加載完成的時間。網(wǎng)站加載出來,并不需要全部元素都加載完畢。你添加的追蹤代碼、第三方表單、第三方 Online Chat 軟件等,都會嚴(yán)重影響你的 Fully Loaded Time。但實(shí)際上,他并不影響網(wǎng)頁的順利打開,請打開 www.dgcrane.com 的測試報(bào)告,并查看打開錄影。
大家可以通過錄影看到,1.5s開始輸出內(nèi)容,完全顯示發(fā)生在3.5s左右,并沒有等到14s。
請打開 www.google.com 測試報(bào)告,并查看其打開錄影。
可以通過錄影看到,也是在1.5s開始輸出內(nèi)容,顯示完全發(fā)生在1.8s左右(google的頁面太簡單了),并沒有等到5.9s。
通過這兩個錄影,大家應(yīng)該看到了,用 Fully Loaded Time 去衡量網(wǎng)站的打開速度,是多么不靠譜。
Total Page Size 和 Requests
評分不靠譜,F(xiàn)ully Loaded Time 也不靠譜,那 Total Page Size 和 Requests 可以嗎? 當(dāng)然不是。
Total Page Size 指的是頁面全部資源的總大小,Requests 指的是頁面全部資源的個數(shù)。這兩個參數(shù),雖然和加載速度有一定關(guān)系,但不同的設(shè)計(jì)、不同的效果,需要不同的大小,不同個數(shù)的資源。體積越大、個數(shù)越多,相應(yīng)的,網(wǎng)站打開是會慢一點(diǎn)的。于是,同樣的設(shè)計(jì),同樣的效果要求下,盡量減少文件大小,盡量減少文件個數(shù),對于提高網(wǎng)頁打開速度是有利的。
大多數(shù)使用 Wordpress 萬能主題做的網(wǎng)站,速度上都有很大的缺陷。因?yàn)檫@些萬能主題,要滿足很多的效果,就需要更大、更多的 Js 及 CSS 文件。好在,有些優(yōu)秀的主題,如 Avada 、Enfold、BE 等,已經(jīng)在這方面做了很大的優(yōu)化,并不構(gòu)成多大的問題。而真正定制的網(wǎng)站,其 JS 及 CSS 文件,是根據(jù)設(shè)計(jì)去完成的,不會有太多無用的代碼和文件。于是,在 Total Page Size 和 Requests 方面,還是有一定優(yōu)勢的。當(dāng)然,主題站最大的問題依舊是自定義性不足。雖然,有那么多好看的demo,那么多自定義功能,但當(dāng)真正要去認(rèn)真的做一個好網(wǎng)站時,必然捉襟見肘。
扯遠(yuǎn)了,總之 Pagespeed 及 YSlow 得分、Fully Loaded Time 、Total Page Size 和 Requests 都不能衡量一個網(wǎng)站真正的加載速度。關(guān)子賣的這么遠(yuǎn),是時候表演真功夫了!
由時間表征加載速度
引出兩個概念,F(xiàn)irst Paint 時間和 Contentfull Paint 時間
這兩個時間,都表征真實(shí)的頁面輸出。而且,Contenful Paint 時間,文字內(nèi)容已經(jīng)都輸出了,只剩圖片了,表征網(wǎng)站加載速度更有意義。這兩個時間,在這里可以看到:
眼尖的人看到了,這個時間點(diǎn)并不是頁面完全顯示的點(diǎn),還是不理想。好吧,還有一個就是: Speed Index 。
Speed Index
要想深入了解什么是 Speed Index,請看 Google 的解釋。
Speed Index 是指獲取可見頁面加載的視覺進(jìn)度,并計(jì)算內(nèi)容繪制速度的總得分。這個指標(biāo),真的不如 Contenful Paint 時間好懂,但看懂了也很簡單,這里對 Speed Index 不做大篇幅的解釋。總之,它綜合了網(wǎng)頁打開的全過程。是表征網(wǎng)頁打開速度最牛逼的指數(shù),無出其右者。在哪找這個指數(shù)呢?
但這個參數(shù)并不推薦在GTmetrix 里面測試, 推薦在這里:
https://www.webpagetest.org/。
如上圖,可以設(shè)置 Location 、Browser 、Conection 然后進(jìn)行測試。
看到了吧,就是這個小參數(shù)。為什么非要在這個平臺上測試呢?
一則,GTmetrix 的 Speed Index ,仍是 bata 版,就是測試版,或許還不夠精確。
二則,主要是因?yàn)?,Google 根據(jù) Webpagetest 的測試結(jié)果,做了一組統(tǒng)計(jì)數(shù)據(jù)(見下圖),你可以直接根據(jù)這組數(shù)據(jù),判斷自己網(wǎng)站加載速度如何。
根據(jù)統(tǒng)計(jì),在該平臺,在5Mbps Cable網(wǎng)絡(luò)環(huán)境下(代表較快網(wǎng)速情況下):
- 指數(shù)低于1388的占前10% —— 就是說,在這個條件下,指數(shù)如果低于1388,你網(wǎng)站就是最快的 Top10%
- 指數(shù)低于2191的占前25%
- 指數(shù)低于3519的占前50%
- 指數(shù)低于5508的占前75%
- 指數(shù)低于10678的占前95%
總的平均指數(shù)是4493。
另一組數(shù)據(jù),是在1.5Mbps DSL 網(wǎng)絡(luò)環(huán)境下 (代表較慢網(wǎng)速情況下,和國內(nèi)3G網(wǎng)速差不多):
- 指數(shù)低于 1631的占前10% —— 就是說,在這個條件下,指數(shù)如果低于1631,你網(wǎng)站就是最快的 Top10%
- 指數(shù)低于2777的占前25%
- 指數(shù)低于4528的占前50%
- 指數(shù)低于7002的占前75%
- 指數(shù)低于12350的占前95%
總的平均指數(shù)是5408。
如測得 www.dgcrane.com 在1.5Mbps DSL條件下,Speed Index = 1911,那么就說明:該網(wǎng)站加載速度處于前13%的水平,非常簡單明了,小外貿(mào)網(wǎng)站能達(dá)到這個水平已經(jīng)很不錯了。學(xué)會的話,可以自己試一下,看看自己網(wǎng)站處于什么水平。
關(guān)于 Webpagetest 這個平臺,其實(shí)是功能是非常豐富的,也有比較簡單的信息,比如這幾個評級:
還是比較簡單明了的,有興趣的同學(xué)可以再了解下。我們做的網(wǎng)站一般都是 5A + √ ,妥妥的。
到現(xiàn)在,不知道大家對如何衡量一個外貿(mào)網(wǎng)站加載速度,是否已經(jīng)有了一個比較清晰的感念? 我想是的。
再默念一遍:
走開,什么沒用的 Pagespeed 、 YSlow、 Fully Loaded Time、Total Page Size、Requests。
我只認(rèn) Webpagetest 平臺上的 Speed Index。當(dāng)然,如果有一個好的 Speed Index 指數(shù),上面的那些指數(shù)也不會差。
需要說明的是,你得出的 Speed Index 指數(shù),僅僅代表你的網(wǎng)站在所選的地方及相應(yīng)網(wǎng)絡(luò)環(huán)境下得出的成績。如果想全面的衡量一個網(wǎng)站,你需要根據(jù)你的網(wǎng)站針對的重點(diǎn)地區(qū),多選幾個地方進(jìn)行測試。好在,Webpagetest 平臺已經(jīng)提供了足夠多的地區(qū)供你測試。
總結(jié)
- 如果是想知道自己的網(wǎng)站,在特定區(qū)域及特定網(wǎng)速情況下的加載速度,直接使用 Webpagetest 平臺進(jìn)行測試,查看 Speed Index 指數(shù),對比下就心中有數(shù)了。
- 如果想進(jìn)一步分析網(wǎng)站的問題,或是進(jìn)行加載細(xì)節(jié)對比,GTmetrix 及 Webpagetest 都是很好的工具。個人更傾向于 GTmetrix ,界面好,功能清晰。
- 當(dāng)然,如果你想專門對比兩個網(wǎng)站,你可在相同的設(shè)定下,直接通過 GTmetrix 里面的 Vedio,查看實(shí)際的打開情況,這是最直觀的。
- Google 提供的 PageSpeed Insights 測試平臺,也是不錯的,因?yàn)樽銐蚝唵?,沒有任何多余的選項(xiàng),保證了測評的一致性、公平性,同時,也兼顧了服務(wù)器的性能,還是有一定說明力的,而且,他可以同時檢測桌面設(shè)備和移動設(shè)備的加載情況。當(dāng)然,也在一定程度上,代表了 Google 對你網(wǎng)站的看法,你懂的,SEO + PPC,基本都是針對 Google 的。 另,需要說明的是,這里的 Pagespeed Insight 和 GTmetrix 里面的 Pagespeed 是不一致的。算法不一樣,得分也不一樣,大家不要混淆。
最后,做個廣告,一般我們工作室制作的網(wǎng)站,保守的說:
GTmetrix 測評 Pagespeed 及 Yslow 分?jǐn)?shù)在85%以上
Webpagetest 測評 5A + √ ,Speed index 排名前15%
Google 的 Pagespeed insight 評分在90以上
如果你覺的我們做的還可以,有需求,請聯(lián)系我們!
如果,想了解我的速度優(yōu)化細(xì)節(jié),及與其他網(wǎng)站真實(shí)的對比,請看 網(wǎng)站速度優(yōu)化細(xì)節(jié)!