文章目錄
- PING命令測速
- 查看內置瀏覽器的網頁載入速度
- 使用工具來測試網站速度
新做的網站如果速度不過關基本就等於廢了,所以網站上線前測試速度很重要,一般來說網站5秒內打開都是可以接受的,其實我覺得能三秒內打開是最好的。
有的朋友覺得自己測試網速覺得打開很快,給朋友傳了下網站鏈接,朋友打開也很快,就覺得全世界打開你的網站都是如此順利,那就大錯特錯了哦。
你用移動本地網路根本無法測試出電信網路對網站的速度的反饋,而且不同的地理位置網速表現也是不一樣的,所以必須要有一些給力的測速工具來客觀的判斷網速。
一般來說測速總共有以下幾種方式:
PING命令測速
最基本的本地測速工具是命令框PING值測速,PING一下網址或者網站IP,就能得出網站的PING值。
Ping 就是本地電腦對IP的伺服器發送數據,然後接收到伺服器反饋數據的時間。一般以毫秒計算(1s=1000ms)。
Ping值:ping值主要和物理具體有關,Ping值越小代表速度越快 一般伺服器離你越近,Ping越低。
一般國內伺服器的PING值對中國本地網路來說是20-40ms,香港伺服器對國內的PING值大概50-60ms,美國看伺服器位置,美西估計180ms-220ms ,美東 300-400ms, 歐洲500+ms.
這裡還有一個比較重要的參數:
丟包率:即測試PING值的時候出現超時,丟包率直接反應IP網路的連通性和質量。如果丟包率控制在5%以內,那基本沒事,不影響網站運作。
你購買的伺服器分配給你的IP品質就是通過丟包率來反饋的,丟包率高的IP說明不適合你的網路,需要換個適合你網路的IP伺服器。其實PING值對玩網路遊戲比較重要,如果PING值太高就會感覺遊戲操作延遲。
而PING值對於網速的意義只是讓你知道你的網站伺服器對你本地的網路友好不友好而已。
那要如何得到PING值呢?
首先右鍵開始打開運行——輸入cmd——打開命令窗口——輸入 「ping 你的網站/網站IP」 ,然後得出PING值,如圖所示
注意:這裡要注意,百度PING值出錯的概率很小,一般都是暢通無阻的,所以你在測試自己網站前先測試百度,如果你百度測試出來都是超時丟包,然後PING值很不好的話,那可能是你本地網路不好,必須先確定你本地的網路沒問題,才能開始測試網站PING值。
本地網路無誤後,開始檢查IP有無丟包,如果超時很厲害的話,就說明IP有問題,剛買伺服器的話,可以要求換下IP。

查看內置瀏覽器的網頁載入速度
在網站右鍵查看瀏覽器檢查/審查元素,或者直接按F12切換到Network,然後F5 刷新頁面,就可以看到每個文件的載入時間,觀察網站首頁載入的總容量和首頁載入的主要內容,查閱有什麼錯誤的狀態碼,看看關於網速的狀態碼200(無緩存)和304(有緩存),然後你就知道哪些沒有緩存拖慢了網站速度,哪些要配置緩存。

使用工具來測試網站速度
Pingdom 測速
能看到網站的具體問題,網站首頁載入了 31 個資源請求,會跟實際稍有差異,載入時間 1.49 秒,網站速度表現評分為 83 分B級。

這個工具好在每一項問題都可以單獨點擊,展開后里面會有說明文字,會幫助你更好地理解他們為何會影響網站頁面載入速度。而且拉到最後在「Response Codes」中檢查是哪31個資源拖慢了網速,你可以一個一個排查,看看有沒有錯誤的狀態碼。
關於第一個得分最差的F,他給我的建議是「By using Expires headers these components become cacheable, which avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often associated with images, but they can and should be used on all page components including scripts, style sheets, and Flash.」
翻譯過來就是通過使用Expires headers,把這些需要載入的頁面代碼圖片資源變為可緩存的文件,以此避免不必要的HTTP請求。
注意:這個工具第二次使用必須要使用無痕瀏覽器使用,不然他會給你限制功能結果。
GTMetrix
大家看這個工具的測試結果跟上面的pingdom的結果略有不同,關於頁面請求就測試得不如pingdom準確,所以有時候一個測速工具也是不夠的,我們要多測試幾個工具,結合著來判斷。
GT的優勢是同時集合了谷歌和雅虎Yahoo Yslow 的網頁測速工具,而且它是同步更新的,當你對網站進行優化更改後,再次使用 Gtmetrix 時可以即刻看到優化效果。用了這個就不用再看Google PageSpeed Insights 測速評分工具

你會看到Google Page Speed得分的測試結果是主要是針對 瀏覽器緩存(Leverage browser caching)的建議,而Yahoo Yslow得分的測試結果是針對添加過期頭(Add Expires headers)的建議,具體細節我們可以點擊建議下面的小箭頭來查看具體是那些文件有問題,或者點擊GTmetrix「Waterfall」選項來查看哪些文件太大造成耗時太久,需要針對性的處理。


注意:這個測速工具主要是針對加拿大地區的測速,如果你想要測試其他地區可以註冊一下他們的網站,然後就可以看到其他地區的速度測試結果了。
Google PageSpeed Insights 測速評分工具
Google PageSpeed Insights此工具會根據Google的速度測試網站,它會根據網站傳遞的規則數量顯示分數,黑科技娃娃的網站有85-91分,一般我看老站的分數是60-70分左右,不知道是不是網站太大的緣故。
用GOOGLE自己的測速工具速度得分高的話,估計你在GOOGLE上的排名也不會太差。
跟前兩個不同,這個工具不光只列出過期頭的問題,基本把網站所有的問題都羅列了下,而且還有完整的細節建議。,比較適合針對著一個一個改善問題,而且還可以看到移動端的得分。

VARVY
首先這個我無意中發現的工具我覺得還挺好用的,它能直接展示我網站存在哪些問題,跟其他只顯示問題但不告訴你怎麼優化的測速工具不同,這個網站還能具象化這些問題,讓你根據指導一步一步優化,我覺得非常不錯。


dotcom-tools
屬於額外補充工具,你會看到一些跟上面不一樣的問題,做個補充工具。

其實上面這些都只是工具而已,主要是幫助我們好好的研究怎麼優化自己的網站速度,具體怎麼提高網站速度,會有另外的文章介紹。
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/219460.html
微信掃一掃
支付寶掃一掃