Amazon說,首頁打開時間每增加100毫秒,網(wǎng)站銷售量會減少1%。

所以,網(wǎng)站加載速度很重要!

那怎么科學(xué)的判" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

18143453325 在線咨詢 在線咨詢
18143453325 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 如何科學(xué)的檢測衡量一個外貿(mào)網(wǎng)站的加載速度

如何科學(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)站分別是:

測評環(huán)境為:

測評報(bào)告:

誤區(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ù)是4493。


另一組數(shù)據(jù),是在1.5Mbps DSL 網(wǎng)絡(luò)環(huán)境下 (代表較慢網(wǎng)速情況下,和國內(nèi)3G網(wǎng)速差不多):

總的平均指數(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)站,保守的說:

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é)!

關(guān)鍵詞:速度,科學(xué),衡量

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉