現(xiàn)在已經(jīng)有許多人在討論 HTTP2.0了挟裂,那如何幫助人們?nèi)プR別他們的網(wǎng)站上運行的 HTTP是哪個版本哼拔?這里有三種工具可以幫到你概行。
必須要注意的一點是:HTTPS(TLS over HTTP)是HTTP/2的必要條件盖呼。如果你的網(wǎng)站不是運行在HTTPS上儒鹿,那他就不算是HTT/2。
想要閱讀更多HTTP/2的相關(guān)條件的話几晤,可以查看文章Rachel Andrew from Smashing Magazine [譯约炎?]。
The Google Chrome Developer Tool
如果你還沒打開過你的Chrome開發(fā)者工具蟹瘾,那我建議你嘗試著從他入手去優(yōu)化你的SEO以網(wǎng)站分析圾浅。這里有兩篇文章可以供你查看他的好處:
看完以后你會感受到這個工具令人驚訝的強大,并且還是免費的憾朴!
要檢測HTTP版本狸捕,只需要在Chrome developer tool里邊的network加上Protocol一欄,因為版本的不同众雷,加入方法會有所不同灸拍,但都很簡單。
舊版的chrome點擊all就可以出現(xiàn) 如圖1 的選項了
新版的chrome點擊任意一個表格表頭就出現(xiàn)選項砾省,如圖2
在選項中點擊Protocol,就會在表格中呈現(xiàn)Protocol一欄编兄。如圖3
從這里你就可以驗證你自己的網(wǎng)絡(luò)資源是否運行在 HTTP/2上轩性。如圖3所示,https://www.branded3.com/是運行在HTTP/2上面的狠鸳,但是有一些從Google加載的css和js文件是運行在SPDY上的揣苏。
Browser Extensions
如果你更喜歡一個更快速的替代品,那么有一個出眾的瀏覽器插件可以用來檢測HTTP/2件舵。Chrome插件HTTp/2和SPDY指示器給瀏覽器添加了一個閃電標記(如圖4)卸察,當你的頁面運行于HTTP/2或SPDY時會改變顏色。若你不喜歡使用Chrome芦圾,這款插件還有Firefox版的蛾派。
如果頁面加載時出現(xiàn)了藍色閃電,表示這個網(wǎng)頁是運行在HTTP/2上的个少。
紅色閃電表示網(wǎng)頁運行在SPDY上
而灰色閃電則表示著這個網(wǎng)頁既不是運行于HTTP/2,也不是運行于SPDY眯杏。
Online Tool
既不想用Chrome開發(fā)者工具夜焦,也不想在瀏覽器上裝插件的話,可以使用在線檢測工具如圖8
關(guān)于HTTP/2
若你想了解得更多關(guān)于HTTP/2的知識岂贩,下面這些網(wǎng)站也許可以幫到你:
- 想更深地了解HTTP/2是什么茫经?建議你前往 高性能瀏覽器網(wǎng)絡(luò)
- GitHub的一個開發(fā)者社區(qū)創(chuàng)建了一個完整的分析調(diào)試HTTP/2的工具列表
- 訪問在GitHub上 HTTP/2微網(wǎng)站的一些 FAQ巷波,以進一步閱讀
寫在最后
不是逐字逐句翻譯,能清楚地表達出意思就行卸伞。
原文地址:https://www.branded3.com/blog/test-website-supports-http2-0/