Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTTP 2 - Geekcamp

HTTP 2 - Geekcamp

Penjelasan kegunaan HTTP2 untuk performa web yang lebih baik.

Edwin Lunando

October 24, 2015
Tweet

More Decks by Edwin Lunando

Other Decks in Technology

Transcript

  1. HTTP 2
    Edwin Lunando
    edwinlunando.net

    View full-size slide

  2. Tren Aplikasi Web
    Semakin besar APLIKASI
    Semakin banyak ASET

    View full-size slide

  3. Bandwidth semakin besar
    Round trip time/latency
    tidak pernah berubah
    signifikan

    View full-size slide

  4. HTTP request

    View full-size slide

  5. Simulasi 100 Aset
    Mari kita buka beberapa situs.

    View full-size slide

  6. “Mengurangi Request”

    View full-size slide

  7. Kenapa Request Mahal?
    ● HTTP tidak menggunakan socket TCP dengan efektif
    ○ 1 request = 1 koneksi
    ○ 4-8 koneksi maksimal per host
    ● Verbose(text-based)

    View full-size slide

  8. same HEADER
    same METHOD
    same PATHS
    same SEMANTICS
    (hanya cara mentransmisikannya berbeda)

    View full-size slide

  9. Fitur Penting HTTP/2
    Single, persistent connection
    Server Push
    Far Better Multiplexing
    Binary(less payload, less latency)
    Header compression

    View full-size slide

  10. Simulasi HTTP2
    https://http2.golang.org/gophertiles?latency=30

    View full-size slide

  11. Persistent Connection

    View full-size slide

  12. 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

    View full-size slide

  13. Support HTTP2!

    View full-size slide

  14. “Today’s “best practices” lead to dead ends; the
    best paths are new and untried.” - Peter Thiel

    View full-size slide

  15. Terima Kasih!

    View full-size slide