HTTP is the protocol who rules the WEB. 20 years old, the version 2, major upgrade is now cooked and nearly ready to be used by real peoples. So, how new the new HTTP version is? What is the new features added to the protocol? Is it great to used? Does it will be used or be the next ipv6 like giant internet migration? Overview of HTTP2 and why it's great. - https://djangocon.eu/speakers/2

1. WHY HTTP/2?
WHY
UPGRADING
THE WEB?
QUENTIN ADAM
@WAXZCE
2013

2. Quentin ADAM from the Clever Cloud
@waxzce on twitter – github- soundcloud – instagram ….
WHO AM I ?

3. MY DAY TO DAY WORK :
CLEVER CLOUD, MAKE YOUR
APP RUN ALL THE TIME

4. And learn a lot of things about your code, apps, and good/bad design…
KEEP YOUR APPS ONLINE. MADE WITH
NODE.JS, SCALA, JAVA, RUBY, PHP,
PYTHON, GO…

5. AND LEARN A LOT OF THINGS ABOUT
YOUR CODE, APPS, AND GOOD/BAD
DESIGN…

6. GIVE BACK TO THE COMMUNITY
NEVER
GONNA
LET YOU
DOWN
clever-cloud.com

7. WHAT’S THE HTTP JOB ?

8. HYPERTEXT
TRANSFERT
PROTOCOL

10. HTTP1 IS TEXT
PROTOCOL

11. REQUEST <-> RESPONSE
MODEL

12. THE 4 PARTS
Verb Resource
Headers
Body
(optional)

13. THE SPEC IS MADE OF OPTIONS
AND ABILITY TO EXTENDS

14. WHAT WAS THE
REQUIREMENTS?

15. FASTER FASTER FASTER

16. // REQUESTS ?

17. HTTP PIPELINING

18. THE HACKS WE
ARE DOING
EVERYDAY
WITHOUT
THINKING TO
IMPROVE
PERFORMANCES

19. MULTIPLE DOMAIN NAMES FOR
MULTIPLES STREAMS

20. STATIC ASSETS DOMAIN NAME FOR FAT
COOKIES PROBLEM MANAGEMENT

21. COMET/WEBSOCKET/PULLING/SERVER
SENT ENVENT… BIDIRECTIONAL DATA
STREAMS HACKS

22. SO, WE NEED A NEW VERSION OF HTTP

23. WHO IS IN CHARGE ?

24. HTTPBIS
WORKING
GROUP

25. FIRST
HTTP/2
DRAFT IS
SPDY/3
DRAFT

26. BUILD ON SOMETHING

27. SO WHAT IS IN THE BOX ?

28. HTTP/2 IS A BINARY
PROTOCOL

29. HTTP/1 + COMPRESSION + SSL
= ~BINARY

30. BINARY PROTOCOL ARE SAFER, EASER
TO PARSE, CONCISE…

31. WIRESHARK FOR ALL

32. WHAT IS WIRESHARK ?
Your app Wireshark System
Network
card

33. BUILD ONLY 1 TCP CONNECTION

34. PUT SOME STEAMS IN ONE
CONNECTION

35. STREAMS
~ 1 HTTP/1 REQUEST = 1 HTTP/2 STREAM

36. STREAMS ARE BUILT
OF FRAMES

37. FRAMES
Content
a.html #1
Content
dog.gif #1
Content
a.html #2
Content
dog.gif #2
Content
a.html #3
Content
a.html #4
Content
cat.gif #1
Content
dog.gif #4
…

38. BINARY GOODNESS =>
FRAMES IS EASY

39. No more blocking i/o from DH/storage to network, use it most efficient as possible
SEND DATA WHEN READY TO SEND

40. STREAMS PRIORITY

41. IMPROVE THE BROWSER
WATERFALL WITH STREAM
PRIORITY

42. PUSH FROM THE SERVER A RESOURCE
TO THE CACHE

43. USER XP WILL BE BETTER

44. HEADERS

45. HEADER COMPRESSION

46. HPACK
*new RFC*

47. HEADERS
PERSISTENCE

48. FOCUS ON WEB
PERFORMANCES

49. NO CHANGE
• 4 parts request vision
• Name of headers
• Name of verbs
• Name of protocol
= terminology

50. HOW TO UPDATE THE
WEB ?

51. URL
CANNOT
CHANGE

52. HTTP
&
HTTPS

53. NEGOCIATE
A
PROTOCOL
ELEVATION

54. HTTP/1 BUILD IN METHOD
Upgrade:
header
Code 101
Switching

55. WORKFLOW

56. WORKFLOW

57. 2 connections
IT’S STILL SLOW

58. ENCRYPT
THE WEB :
TLS

59. CURRENT NEGOTIATION:
TLS VERSION, CYPHER…

60. NEGOTIATE THE PROTOCOL IN THE
SAME TIME OF ENCRYPT NEGOTIATION

61. NPN (CLIENT)
&
ALPN (SERVER)

62. ISTLSFASTYET.COM

63. IS IT FOR
REAL?

64. LOOKS LIKE
IP V6
STORY?

65. MORE SPDY STORY

66. BENCHMARK
TIME
CAUTION

68. H2O PERFORMANCES

69. source

70. H2, H2-14
- Firefox
- Chrome
- cURL
- IE (oh yeah)
- …
- Google
- Twitter
- Akamai
- ….
https://github.com/http2/http2-spec/wiki/Implementations

71. CLEVER CLOUD MANAGEMENT FOR THE
MASSES

72. WORKING ON THIS
Client
http2
reverse
proxy
http2
your app
: http1

73. SOME OF THE
GOODNESS OF
HTTP/2
DIRECTLY ON
HTTP/1 APPS

74. LOT OF WORK PUTTING THIS ON
ACTUAL WEB FRAMEWORK

75. DJANGO IS NOT READY (YET)
AND THIS IS A GOOD COMMITTER
SLOT OPPORTUNITY
Problem 1: WSGI ;-)

76. BUT PYTHON IS ON THE
FIELD WITH HYPER
1.0.0 released on October 2015

77. WHY IT’S
SO COOL?

78. PERFORMANCES

79. REMOVE ALL THE SHITTY
HACKS

80. EXPLORE NEW POSSIBILITIES

81. IMPROVE THE USERS XP

82. TODO LIST
• https://http2.github.io/
• Specs
• Implementations
• FAQ
• News
• Hack with http://python-hyper.org/
• Follow the Cory Benfield work @Lukasaoz
• Install Wireshark on your laptop

83. I’m @waxzce on twitter
I like feedbacks on my talks,
good or bad.
I also need feedbacks as
python users on Clever
Cloud, so please give it a try
THX FOR LISTENING
& QUESTIONS TIME
clever-cloud.com gift coupon code:
DJANGOCON16
quentin.adam@clever-cloud.com
I have plenty of stickers ;-)