HTTP 2 - Geekcamp

Penjelasan kegunaan HTTP2 untuk performa web yang lebih baik.

Transcript

1. HTTP 2 Edwin Lunando<edwinlunando@gmail.com> edwinlunando.net
2. Tren Aplikasi Web Semakin besar APLIKASI Semakin banyak ASET
3. Bandwidth semakin besar Round trip time/latency tidak pernah berubah signifikan
4. HTTP request
5. Simulasi 100 Aset Mari kita buka beberapa situs.
6. Spriting
7. Inlines
8. “Mengurangi Request”
9. Kenapa Request Mahal? • HTTP tidak menggunakan socket TCP dengan efektif ◦ 1 request = 1 koneksi ◦ 4-8 koneksi maksimal per host • Verbose(text-based)
11. same HEADER same METHOD same PATHS same SEMANTICS (hanya cara mentransmisikannya berbeda)
12. Fitur Penting HTTP/2 Single, persistent connection Server Push Far Better Multiplexing Binary(less payload, less latency) Header compression
13. Simulasi HTTP2 https://http2.golang.org/gophertiles?latency=30
14. Persistent Connection
15. Multiplexing 1. Buka 4 - 8 koneksi 1. Buka 1 koneksi 2. Request dokumen HTML 2. Request dokumen HTML 3. Menerima dokumen HTML 3. Menerima dokumen HTML 4. Decode dokumen HTML 4. Decode dokumen HTML 5. Request 4-8 file yang dibutuhkan di HTML (uncompressed, plain text) 5. Request semua file yang dibutuhkan di HTML (compressed, binary) 6. Setiap koneksi, menunggu file hingga sampai 6. Menerima file 7. Request lagi untuk file yang lain 8. Ulangi 6-7 untuk file sisanya 9. Menutup semua koneksi 7. Menutup 1 koneksi
16. Server Push
17. Support HTTP2!
18. “Today’s “best practices” lead to dead ends; the best paths are new and untried.” - Peter Thiel
19. Terima Kasih!