美文网首页App 开发者学习大数据http知识
如何验证网站是否是 HTTP2.0[译]

如何验证网站是否是 HTTP2.0[译]

作者: 詹小云 | 来源:发表于2017-11-02 19:02 被阅读0次

    现在已经有许多人在讨论 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的知识,下面这些网站也许可以帮到你:
    1. 想更深地了解HTTP/2是什么?建议你前往 高性能浏览器网络
    2. GitHub的一个开发者社区创建了一个完整的分析调试HTTP/2的工具列表
    3. 访问在GitHub上 HTTP/2微网站的一些 FAQ,以进一步阅读

    写在最后
    不是逐字逐句翻译,能清楚地表达出意思就行。
    原文地址:https://www.branded3.com/blog/test-website-supports-http2-0/

    相关文章

      网友评论

        本文标题:如何验证网站是否是 HTTP2.0[译]

        本文链接:https://www.haomeiwen.com/subject/pgmvpxtx.html