How HTTP/2 will change the web as we know it

42
How HTTP/2 will change the web as we know it by Nils de Moor CTO and CO-founder of woorank @NDEMOOR #brightonSEO

Transcript of How HTTP/2 will change the web as we know it

Page 1: How HTTP/2 will change the web as we know it

How HTTP/2 will change the web as we know it

by Nils de Moor CTO and CO-founder of woorank

@NDEMOOR #brightonSEO

Page 2: How HTTP/2 will change the web as we know it
Page 3: How HTTP/2 will change the web as we know it
Page 4: How HTTP/2 will change the web as we know it
Page 5: How HTTP/2 will change the web as we know it

HTTP, you say?

Page 6: How HTTP/2 will change the web as we know it

client

Page 7: How HTTP/2 will change the web as we know it

HTTP/0.9

1991

Page 8: How HTTP/2 will change the web as we know it

client

GET /index.html

<html>…</html> (connection closed)

Page 9: How HTTP/2 will change the web as we know it

HTTP/1.0

1996

Page 10: How HTTP/2 will change the web as we know it

client

GET / HTTP/1.0 Host: woorank.com User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) Accept: */*

HTTP/1.1 200 OK Date: Wed, 31 Aug 2016 16:18:52 GMT Server: Apache Content-Type: text/html; charset=UTF-8

<html>…</html> (connection closed)

Page 11: How HTTP/2 will change the web as we know it

client

Page 12: How HTTP/2 will change the web as we know it

cl

cl

cl

cl

Page 13: How HTTP/2 will change the web as we know it

HTTP/1.1

1999

Page 14: How HTTP/2 will change the web as we know it

cl

cl

cl

cl

Page 15: How HTTP/2 will change the web as we know it

SPDY

2009

Page 16: How HTTP/2 will change the web as we know it
Page 17: How HTTP/2 will change the web as we know it

HTTP/2

2015

Page 18: How HTTP/2 will change the web as we know it

client

SECURITY

Page 19: How HTTP/2 will change the web as we know it

client

request priorities

1

2 3

Page 20: How HTTP/2 will change the web as we know it

client

COMPRESSION

Page 21: How HTTP/2 will change the web as we know it

client

SERVER PUSH

Page 22: How HTTP/2 will change the web as we know it

client

MULTIPLEXING

Page 23: How HTTP/2 will change the web as we know it

https://http2.akamai.com/demo

Page 24: How HTTP/2 will change the web as we know it
Page 25: How HTTP/2 will change the web as we know it
Page 26: How HTTP/2 will change the web as we know it
Page 27: How HTTP/2 will change the web as we know it

client

?

Page 28: How HTTP/2 will change the web as we know it

http://caniuse.com/#feat=http2

…BUT BACKWARDS COMPATIBLE ANYWAY

Page 29: How HTTP/2 will change the web as we know it

http://caniuse.com/#feat=http2

…BUT BACKWARDS COMPATIBLE ANYWAY

…Although some optimisations for http/1.1 might have a reverse effect on http/2

Page 30: How HTTP/2 will change the web as we know it

bit.ly/http2-opt

Page 31: How HTTP/2 will change the web as we know it

?

Page 32: How HTTP/2 will change the web as we know it
Page 33: How HTTP/2 will change the web as we know it

✅ HAVE your site served over HTTPS

✅ GET code READY for HTTP/2 best practices

✅ GET server/hosting READY to serve HTTP/2

✅ Roll out

Page 34: How HTTP/2 will change the web as we know it
Page 35: How HTTP/2 will change the web as we know it
Page 36: How HTTP/2 will change the web as we know it
Page 37: How HTTP/2 will change the web as we know it

😭

Page 38: How HTTP/2 will change the web as we know it
Page 39: How HTTP/2 will change the web as we know it

🤔

Page 40: How HTTP/2 will change the web as we know it

“A slow site on HTTP/1.1, will be a slow site on HTTP/2”

“A FAST site on HTTP/1.1, will be an even faster site on HTTP/2”

Page 41: How HTTP/2 will change the web as we know it

Thank you!

@ndemoor #brightonSEO

Page 42: How HTTP/2 will change the web as we know it

https://http2.github.io/ https://ma.ttias.be/architecting-websites-http2-era/ http://bit.ly/http2-opt https://http2.akamai.com/demo http://caniuse.com/#feat=http2 https://en.wikipedia.org/wiki/HTTP/2 https://en.wikipedia.org/wiki/SPDY

https://www.mnot.net/blog/2014/01/30/http2_expectations http://kamranahmed.info/blog/2016/08/13/http-in-depth/ https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/ https://plus.google.com/+JohnMueller/posts/VZnmctnJV3v http://stackoverflow.com/questions/33812836/can-http-2-best-practices-hurt-seo-serps https://www.besthostnews.com/what-is-http2-and-how-does-it-compare-to-http1-1/ https://mattwilcox.net/web-development/http2-for-front-end-web-developers

http://cdn2.hubspot.net/hub/1681264/file-3697816230-jpg/blog-files/http2-neeson-meme.jpg http://cliparts.co/cliparts/6Tr/o6z/6Tro6zjTK.png https://en.wikipedia.org/wiki/Who_Wants_to_Be_a_Millionaire_(U.S._game_show)

SOURCES - CREDITS