Este slide foi feito para uma apresentação no Papo Reto da Bluesoft. Nesta apresentação eu falo sobre o HTTP/2, a nova versão do protocolo HTTP, mostrando as principais funcionalidades especificadas nessa nova versão do protocolo e como serão úteis para a Web atual.

1. HTTP/2
Gabriell Nascimento

2. HTTP/2
● Nova versão do HTTP
● Protocolo de comunicação
● Baseado no SPDY

3. SPDY: Objetivos
● 50% menos tempo de carregamento
● Evitar mudanças em websites e infra
● Open source
● Métricas reais de performance

4. A Web mudou muito desde 1997

5. Várias funcionalidades legais no HTTP/2!

6. Várias funcionalidades legais no HTTP/2!
Mas não vai matar tudo que já existe!

7. ● Multiplexação de mensagens
● Conexão TCP única
Funcionalidades

8. HTTP/1.1
Hi there!
I’m HTTP/1.1 only :)
http://http2.example.com
Cliente Servidor

9. Conexão
Stream
HTTP/2
Mensagem (Requisição)
Mensagem (Resposta)
…
QuadroQuadro
QuadroQuadro Quadro

10. HTTP/2
stream 5
DATA
Hi there!
I’m HTTP/2 :D
http://http2.example.com
…
stream 1
DATA
stream 3
HEADERS
stream 3
DATA
stream 1
DATA
Conexão HTTP/2Cliente Servidor

11. ● Controle de fluxo
● Priorização de stream
Funcionalidades

12. HTTP/2
*
D
1
E
8
C
8
B
12
A
4
raíz implícita
stream
peso

13. ● Server push
Funcionalidades

14. HTTP/2
stream 1
DATA
Hi there!
I’m HTTP/2 :D
http://http2.example.com stream 2
PUSH_
PROMISE
stream 4
PUSH_
PROMISE
stream 1
HEADERS
stream 4
DATA
Conexão HTTP/2Cliente Servidor
…
stream 1: /index.html (requisição)
stream 2: /style.css (push)
stream 4: /script.js (push)

15. ● Compressão de cabeçalho (HPACK)
Funcionalidades

16. HTTP/2
:method GET
:scheme https
:host example.com
:path /index.html
user-agent Mozilla/5.0…
foo bar
1 :authority
2 :method GET
… … …
51 referer
… … …
64 user-agent Mozilla/5.0…
65 host example.com
2
7
65
19 Huffman(“/index.html”)
64
Huffman(“foo”)
Huffman(“bar”)
cabeçalhos de requisição
tabela estática
tabela dinâmica
cabeçalhos codificados

17. ● Camada binária
Funcionalidades

18. HTTP/2
Bit 0..7 8..15 16..23 24..31
0 Tamanho do quadro Tipo do quadro
32 Flags
40 Reservado Identificador do stream
… Payload do quadro

19. E já dá pra usar?

20. Suporte
● Principais navegadores ✓
● Servidores web:
o Apache ✓
o Tomcat ✓
o Nginx ✗
● Websites ±

21. Mais informações
http://chimera.labs.oreilly.com/books/1230000000545/ch12.html

22. Obrigado!