網站速度是網站的一項很重要的指標,今天來介紹下Hunk常用的3個外貿網站速度測試工具,并對一個網站進行速度優化的案例分析
注意
所有的測試結果只能做為參考,不同的平臺測試的結果可能也不一樣,這一點很正常。
另外,這些都是國外的測試平臺,只能用來測試外貿網站,中文網站不適用。
1. 外貿網站測速工具之Gtmetrix.com
Gtmetrix主要是對網站的頁面進行綜合評分,包括常見的圖片大小,頁面大小,請求,加載時間等,并給出相應提示 。
需要注意的,它的速度測試不是很準確,主要看頁面的評分和改進建議。
2.外貿網站測速工具之Webpagetest.org
除了測試網站打開速度,頁面大小和請求數量,這個網站還對對網站的響應速度及頁面質量進行評分,也會提示頁面加載的請求和404的鏈接
3.外貿網站測速工具之dotcom-tools.com/website-speed-test.aspx
這個網站就是測試全球各個地區打開你網站的時間,可以查看你網站在全球的速度怎么樣
4.外貿網站測速之案例分析
案例網站:https://www.kingsunlights.com/
網站空間:Bluehost
網站類型:wp網站+the7主題
首先打開上面提到的三個網站,并輸入案例網站,并回車,開始測試,等待約一分鐘,就能全部測試完成了
然后看測試的結果
Gtmetrix測試結果如下
可以看出來,頁面大小和請教及加載時間都在正常范圍內(如果超過建議范圍,那個箭頭會變成紅色),但是pagespeed score和yslow score分數都不高,我們主要看pagespeed的提示,往下看
Pagespeed這一項里面有4個參數得分極低,這也是很多外貿網站常見的問題
1)Optimize images
這一項指的是圖片的優化,有很多朋友做好圖片之后,直接就上傳網站,也不管有多大,也不壓縮一下,這樣就會拖慢網站的速度
點擊這一項,會出現以下提示,提示壓縮后可以節約165K左右的大小,然后再下面的列表中提示了可以壓縮的圖片并給出了優化的版本。
這個時候需要點開后面的optimized version,下載圖片,并一一替換掉提示需要改進的圖片即可
2)Leverage browser caching
這個是增加瀏覽器緩存的意思,要怎么解決呢,把光標放在what's this mean上面,出現一個提示,點開read more
找到下面的代碼,復制并粘貼到你的空間的.htaccess文件中,接在原有的文件后面即可,如果不知道htaccess文件在哪里,可以參考yoast seo插件使用
當然htaccess文件只有apache服務器(一般的共享空間,如Bluehost都用的是這種),如果你用的是vps+nginx服務器,那就要去修改你網站的vhost系統文件,在server這一段中加入以下代碼
location ~* \.(css|gif|ico|jpeg|jpg|js|png)$ {
expires max;
log_not_found off;
}
也可以解決這個問題提示
3)Enable gzip compression
啟用gzip壓縮,同樣打開那個learn more,找到以下代碼放到htaccess文件中即可
如果網站用的是vps+nginx服務器,只需要在nginx.conf這個文件中的http{}中加入以下代碼,重啟nginx即可修復此問題
gzip on;
gzip_disable "msie6";
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
4)serve scaled images
設置正確的圖片尺寸,這個對網站速度提升有很大幫助
什么是正確的尺寸? 即本來圖片的位置是300X300px的大小,你放的圖片卻有500X500px,那這就浪費了,如果有很多這樣的情況,那就會大大拖慢網站速度。具體內容也可以參考Avada圖片問題大全
點開這一項,可以看到哪些圖片用了不正確的尺寸,也給了分別對應的正確尺寸是怎么樣的,只需要把這些圖片下載到本地,處理成正確的尺寸后再上傳替換掉老的圖片即可修復此問題
5)Defer parsing of javascript
這個的意思是對JS文件的加載進行延遲,保證用戶體驗。
這個問題比較復雜,一種是由于主題的不合適設置導致,另一種可能是插件太多導致的,因此gtmetrix只是給出了建議,并沒有具體的solution。
一般要解決這個問題需要安裝緩存插件來解決。
webpagetest測試結果如下
webpagetest的結果提示以下幾個方面的問題
1)First Byte time
這個就是用戶打開進入你網站的時候,需要等待的響應時間,這個時間越短越好。
這個數據是一般是由你的服務器決定的,一般來講LINODE會比BLUEHOST要短的多。
另外,安裝緩存插件,也可以解決這個問題。
2)Cache static content
即頁面的緩存
緩存的作用就是把頁面的內容先處理好,當用戶來訪問的時候直接就下載了,不用再調用數據等,所以速度會提升
一般加上緩存插件即可解決。
3)加載時間
可以看出來,webpagetest的測試結果比gtmetrix的要慢。到底誰準確呢?等下跟第三個測試結果對比就知道了。
dotcom-tools測試結果
可以看出來全球的速度都不是特別好,平均的加載時間達到了15S,這個測試的結果值,跟webpagetest的結果接近。
總結
以上就是三個外貿站測速網站的測試結果,這三個網站各有優勢,互相補充,可以直觀的幫助我們了解網站的速度及頁面的速度優化情況。
不過,也不用過分糾結網站的測試結果,只要速度這一項比較快,其他的也沒有太大的問題了,像pagespeed score等,很難得100分,也不用得100分。
當然,有些內容在上面是無法測試出來的,像插件的是多少等,那么可以參考我的另一個文章N個加快網站速度的方法。