How to test if your website supports HTTP/2.0

Author avatar

Adam Gent

There’s been a lot of chat around version 2.0 of the hypertext transfer protocol (HTTP). So to help those who want to identify what HTTP version their website is served on, I have listed three free tools to test your site.

Be aware that one of the requirements of HTTP/2 is that your site must be on HTTPS (TLS over HTTP). Chances are that if you are not on HTTPS, you are not on version 2.0 of the new protocol. To read more on what the requirements of HTTP/2, I recommend reading this post by Rachel Andrew from Smashing Magazine.

The Google Chrome Developer Tool

If you are still not opening the Chrome Developer Toolkit then I suggest that you start integrating it into your SEO and web analysis. I would read 10 Chrome Dev Tool Hacks by James Porter at Distilled and My Favourite SEO Tool Isn’t An SEO Tool by AJ KOHN to see the benefits of using this tool. I cannot stress enough how awesome it is (and it’s free!).

To check your site using the Developer tool, you will need to add the protocol column to the Network tab. To do this, open the Developer toolkit by hitting F12 or right clicking and inspect element in Chrome. Then navigate to the Network tab and right click on one of the headings, then click protocol in the drop down menu.

1

This will add a new protocol column to the Network tab and let you know which HTTP protocol version each resource (HTML, CSS, JS, font, etc.) is being served on.

2

From there you will be able to identify if any of your own internal resources are being served over HTTP/2. As you can see from the screenshot above, edit.co.uk/ is on HTTP/2, but some of the CSS and JS files from Google are still on SPDY.

Browser Extensions

If you prefer a quicker alternative, then there is one notable browser extension for checking HTTP/2.0. The HTTP/2 and SPDY Indicator extension for chrome adds a lightning bolt to your browser and changes colour to let you know if there is SPDY or HTTP/2. There is an extension for Firefox as well, if you don’t like using Chrome.

3

If a blue lightning bolt appears when a page is loaded, the webpage was served using HTTP/2.

4

A red lightning bolt indicates that the webpage was served using SPDY.

5

A grey lightning bolt indicates that the webpage was served using neither SPDY or HTTP/2.

6

Online Tool

If you can’t use Chrome Developer tools or add extensions to your browser, then you can check using a HTTP/2 online testing tool from keycdn.com.

7

Further Reading on HTTP/2

If you feel like you want to read up more on HTTP/2, the below sites will help:

  1. For more information on what HTTP/2 is, I suggest heading over to the High Performance Browser Network
  2. A community of developers at GitHub have created a comprehensive list of tools for analysing and debugging HTTP/2
  3. Visit the FAQ pages on the HTTP/2 micro site on GitHub for further reading

Bath

+44 (0) 1225 480 480

20 Manvers Street

Bath

BA1 1JW

Leeds

+44 (0) 113 260 4010

2nd floor, 2180 Century Way,

Thorpe Park,

Leeds, LS15 8ZB.

London

+44 (0) 113 260 4010

5th Floor, Cordy House,

91 Curtain Road

London, EC2A 3BS

Part of the St. Ives Group

  • By pressing submit you consent for Edit to contact you via your email or telephone number for purposes relevant to your request for our goods or services. Your contact details, including your name, company, telephone number and email address will be used by Edit. By contacting you are agreeing to Edit’s Privacy Policy. If you have any questions, please ensure you review this section before submitting.

  • This field is for validation purposes and should be left unchanged.

© 2018 Edit. St Ives Group. Company reg. no. 3624881, All rights reserved. VAT Registered GB 927458295 Privacy Policy | Terms & Conditions | Cookie Policy