As vantagens do HTTP 2.0

Transcript

1. As vantagens do HTTP 2.0 Manoel Aranda Neto Software Engineer Outubro/2016
2. HTTP 1/1.1 Review • Baseado em texto • Headers • Requisição > espera > Resposta • Abrir conexão TCP antes de cada requisição
3. HTTP 1/1.1 Review
4. HTTP 1/1.1 Review
5. Otimizações HTTP 1/1.1 Review • Keep-Alive para manter conexão • Browser abre várias conexões para paralelizar • Geralmente entre 4 e 8 • Servidor é metralhado de requisições • Diminuir Requisições – Juntar CSS e JS – Sprite de imagens (Juntar imagens) – InLine de recursos (JavaScript junto com o HTML)
6. Otimizações HTTP 1/1.1 Review • Diminuir tráfego – GZIP (Apenas no corpo) – Minificação – Domínios sem cookies (Cookie é um Header) • Paralelizar requisições – Múltiplos hostnames – CDNs
7. HTTP 1/1.1 Review
8. A Maravilha do HTTP 2.0
9. HTTP 2.0 e SPDY • Baseado no protocolo SPDY que foi desenvolvido pelo Google • Baseado em binário • HPACK (Comprimir Headers) • SSL é padrão (Existe gratuito letsencrypt.org) • GZIP é padrão • Multiplexing (Conexão TCP assíncrona e paralelização) – Juntar CSS e JS – Sprite de imagens (Juntar imagens) – Múltiplos hostnames – CDNs – GZIP
10. HTTP 2.0 e SPDY • Após 1ª requisição, só envia os Headers que mudam • Stateful – Domínios sem cookies (Cookie é um Header) • Server Push – Priorização – Cancelável – Cacheável – InLine de recursos (JavaScript junto com o HTML)
11. • Multiplexing
12. O que estamos esperando?
13. Inspiração HTTP 2.0 • Baseado no protocolo SPDY • SPDY foi desenvolvido pelo Google • Foi pensado para banda limitada e rede instável • Mobile era o foco • Até 45% mais rápido (média de 25%) • Compatível com HTTP 1.x
14. Otimizações HTTP 2.0 • Diminuir tráfego – Cache – Minificação – Compreesão de imagens • Otimizar renderização – Server Push / Hint – Critical Path – 60 FPS / Jank free (página sem travar)
15. Otimizações HTTP 2.0 • Diminuir latência – CDNs – QUIC (Nova implementação do TCP, baseado em UDP)
16. Casos de sucesso • Twitter • Facebook • Google • Etc... • 10.1% dos 10 milhões de sites mais acessados, suportam HTTP 2.0
17. Restrições HTTP 2.0 Server • IIS >= Win 10 e Win Server 2016 • Tomcat >= 8.5 (Precisa mudar uma conf.) • NodeJS >= 5.0 • Nginx >= 1.9.5 Ah se IIS fosse OpenSource... rs
18. Restrições HTTP 2.0 Mobile • Android utiliza a biblioteca OkHttp em alguns projetos e ela é compatível, mas não é a mesma em todos projetos • iOS utiliza a biblioteca Alamofire e ela não é compatível, porém o SO faz reuso automaticamente de até 4 conexões simultâneas • Já existe biblioteca para iOS com suporte HTTP 2.0
19. Ganho no Mobile WiFi LTE 3G
20. Considerações • Caso as restrições sejam inviáveis – Começar com SPDY é o 1º passo • Mobile precisa otimizar o tráfego de dados • APIs devem ser Mobile first
21. Obrigado • Dúvidas?!