现在已经有许多人在讨论 HTTP2.0了,那如何帮助人们去识别他们的网站上运行的 HTTP是哪个版本?这里有三种工具可以帮到你。
必须要注意的一点是:HTTPS(TLS over HTTP)是HTTP/2的必要条件。如果你的网站不是运行在HTTPS上,那他就不算是HTT/2。
想要阅读更多HTTP/2的相关条件的话,可以查看文章Rachel Andrew from Smashing Magazine [译?]。
The Google Chrome Developer Tool
如果你还没打开过你的Chrome开发者工具,那我建议你尝试着从他入手去优化你的SEO以网站分析。这里有两篇文章可以供你查看他的好处:
看完以后你会感受到这个工具令人惊讶的强大,并且还是免费的!
要检测HTTP版本,只需要在Chrome developer tool里边的network加上Protocol一栏,因为版本的不同,加入方法会有所不同,但都很简单。
旧版的chrome点击all就可以出现 如图1 的选项了
图-1 add Protocol1新版的chrome点击任意一个表格表头就出现选项,如图2 图-2 add Protocol2 (题外话:没找着合适的截图工具,一按鼠标和键盘就选项就消失....只好使出杀手锏--拍照)
在选项中点击Protocol,就会在表格中呈现Protocol一栏。如图3 图3 add Protocol3
从这里你就可以验证你自己的网络资源是否运行在 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版的。
图4 插件标记如果页面加载时出现了蓝色闪电,表示这个网页是运行在HTTP/2上的。 图5 蓝色闪电
红色闪电表示网页运行在SPDY上 图6 红色闪电
而灰色闪电则表示着这个网页既不是运行于HTTP/2,也不是运行于SPDY。 图7 灰色闪电
Online Tool
既不想用Chrome开发者工具,也不想在浏览器上装插件的话,可以使用在线检测工具如图8
图8 在线检测工具关于HTTP/2
若你想了解得更多关于HTTP/2的知识,下面这些网站也许可以帮到你:
- 想更深地了解HTTP/2是什么?建议你前往 高性能浏览器网络
- GitHub的一个开发者社区创建了一个完整的分析调试HTTP/2的工具列表
- 访问在GitHub上 HTTP/2微网站的一些 FAQ,以进一步阅读
写在最后
不是逐字逐句翻译,能清楚地表达出意思就行。
原文地址:https://www.branded3.com/blog/test-website-supports-http2-0/
网友评论