HTTP. passado, presente e futuro.

Tamanho: px

Começar a partir da página:

Download "HTTP. passado, presente e futuro."

Talita Angelim Fialho
8 Há anos
Visualizações:

1 HTTP passado, presente e futuro.

2 Luiz Fernando Rodrigues (ou Fernahh) blog.fernahh.com.br github.com/fernahh twitter.com/fernahh speakerdeck.com/fernahh

4 HTT... o que?

5 HTT... o que? HyperText Transfer Protocol Desenvolvido para distribuir conteúdo de hypertexto.

6 Inicia uma conexão GET /foo.html PROCESSA Fecha a conexão.

9 uma request! só 2KB!

10 HTTP/1.1 GET: requisita um objeto ao servidor. POST: escreve um objeto no servidor. PUT: escreve um objeto no servidor respeitando a idempotência. DELETE: remove um objeto no servidor.

11 HTTP/1.1 > Keep Alive Inicia uma conexão GET /foo.html GET /bar.css Fecha a conexão.

12 HTTP/1.1 > Multiplos hosts Com HTTP1.1 podemos abrir de 4 a 8 conexões por origem (depende do browser).

13 HTTP/1.1 > Multiplos hosts podemos criar até 100 conexões simultâneas...

14 A web nasceu descentralizada O HTTP é Stateless

15 HTTP WEB

16 HTTP WEB mas essa linda história de amor mudou...

17 um pouco de história...

18 1990 HTML

19 HTML Elemento <img>

20 HTML Elemento <img> CSS

21 HTML Elemento <img> CSS JavaScript

22 HTML Elemento <img> CSS JavaScript no caso mais simples, já temos 4 requisições e 4 processamentos do servidor. ou seja, a web começou a evoluir!

23 Mas e o HTTP? Não evoluiu nesses 5 anos?

24 Mas e o HTTP? Não evoluiu nesses 5 anos? Não.

25 HTTP HTTP/1.1

26 SÓ 8 (O-I-T-O) ANOS DEPOIS 1991 HTTP GANHAMOS O MÉTODO POST! 1999 HTTP/1.1

27 A versão 1.1 do protocolo HTTP é o que usamos até hoje.

28 em linhas curtas... HTTP WEB Leiam, sério:

29 Mas o homem sempre evolui em situações difíceis... Concatenamos assets (imagens, css e js) Compactamos assets (gzip, minificação, etc) Usamos múltiplos hostnames

30 Mas o homem sempre evolui em situações difíceis... Concatenamos assets (imagens, css e js) Otimização de requisições Compactamos assets (gzip, minificação, etc) Diminuição de tráfego Usamos múltiplos hostnames Paralelização de requisições

31 chegamos a 2015 com evoluções incríveis! e a web também...

33 uma das mais importantes evoluções para o nosso protocolo... SPDY

34 SPDY a um is! s na ma Ape a a ad m a c HTTP SPDY SSL TCP

35 SPDY Fallb HTTP SPDY SSL TCP ack SEG HTT P URA S, o u se ja: NÇA!

36 SPDY O tempo de carregamento de sua página pode cair mais de 40%, dependendo da situação.

37 e depois de 16 anos... HTTP/2

38 Compressão automática

39 Compressão automática > o que muda - GZIP é padrão obrigatório; - Headers são binários e comprimidos.

40 Compressão automática > exemplo de header HTTP/1.1 HTTP/ OK Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: keep-alive Status: 200 OK X-UA-Compatible: IE=Edge,chrome=1 ETag: "4618f5c69dfa0ee8cb c0bbe" Cache-Control: max-age=0, private, must-revalidate Set-Cookie: _organicadigital_session=bah7b0kid3nlc3npb25f. Date: Sat, 21 Mar :23:51 GMT Server: nginx/ Phusion Passenger <!DOCTYPE html>...

41 Compressão automática > exemplo de header HTTP/ ?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q?_?*f0?{{?un?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q? _?*f0?{{?un,1?t?.?[mś?t?%??????????0

42 Compressão automática > exemplo de header HTTP/ Binário?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q?_?*f0?{{?un?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q? _?*f0?{{?un,1?t?.?[mś?t?%??????????0 GZIP

43 Compressão automática > exemplo de header HTTP/2?T?%.?JI?;1?R,1?T JI?;1?R,1?T?,%JI?;1?R,1?T 1?R,1?T???m, ;T?un,1?TU?R,1??R,1?m1R HPACK?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q?_?*f0?{{?un?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q? _?*f0?{{?un,1?t?.?[mś?t?%??????????0 GZIP

44 Compressão automática > exemplo de header HTTP/2???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? Ah sim, temos HTTPS! X

45 Free, automatizado e aberto!

46 HTTP/ OK Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: keep-alive Status: 200 OK X-UA-Compatible: IE=Edge,chrome=1 ETag: "4618f5c69dfa0ee8cb c0bbe" Cache-Control: max-age=0, private, must-revalidate Set-Cookie: _organicadigital_session=bah7b0kid3nlc3npb25f. Date: Sat, 21 Mar :23:51 GMT Server: nginx/ Phusion Passenger <!DOCTYPE html> ?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q?_?*f0?{{?un?T?%.?JI?;1?R,1?T?.?[mŚ???,1? Q? _?*f0?{{?un,1?t?.?[mś?t?%??????????0

47 Multiplexing

48 Multiplexing > o que muda - Requisições e respostas são paralelas; - Ou seja, mais de uma requisição por conexão.

49 Multiplexing > exemplo Inicia uma conexão Fecha a conexão.

50 Multiplexing é amor!

51 Concatenamos assets (imagens, css e js) Otimização de requisições Compactamos assets (gzip, minificação, etc) Diminuição de tráfego Usamos múltiplos hostnames Paralelização de requisições

52 Priorização de requisições

53 Priorização de requisições > o que muda - Poderemos priorizar recursos; - Escolhemos o que o usuário verá por primeiro.

54 Priorização de requisições > o que muda 1º GET /index.html do e d a rid aior! o i r A p S é m CS 3º GET /main.js 2º GET /main.css

55 Concatenamos assets (imagens, css e js) Otimização de requisições Compactamos assets (gzip, minificação, etc) Diminuição de tráfego Usamos múltiplos hostnames Paralelização de requisições

56 Server Push

57 Server Push > o que muda - O servidor poderá enviar recursos para o cliente; - Adeus gambiarras.

58 Server Push > o que muda 1º GET /index.html index.html main.css main.js

59 Concatenamos assets (imagens, css e js) Otimização de requisições Compactamos assets (gzip, minificação, etc) Diminuição de tráfego Usamos múltiplos hostnames Paralelização de requisições

60 As boas práticas de hoje vão ser futuros problemas no HTTP/2 Rodrigo Willrich

61 HTTP/2 > Padrões atuais == Gambiarras Sprite Concatenação de arquivos Servir assets de domínios diferentes

62 HTTP/2 > Padrões atuais == Gambiarras Sprite Concatenação de arquivos Servir assets de domínios diferentes

63 HTTP/2 > Padrões atuais == Gambiarras Sprite Concatenação de arquivos Servir assets de domínios diferentes

64 HTTP/2 > Padrões atuais == Gambiarras Sprite Concatenação de arquivos Servir assets de domínios diferentes

65 ...mas o mundo será bem melhor...

66 eu acho.

67 HTTP/2 > No front-end

68 HTTP/2 > No back-end Módulos para Apache Módulos para ngnix Jetty e Netty (Java) Servidores http/2 para NodeJS, Ruby,... Implementações:

69 Obrigado! Referências: Luiz Fernando Rodrigues

Documentos relacionados

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY Luiz Corte Real @srsaude Sérgio Lopes @sergio_caelum m a ç n la to n e review HTTP em 5 slides $ telnet www.caelum.com.br 80 Trying