Melihat Lebih Dekat HTTP/2: Cara Kerjanya dan Apa Artinya untuk Web

Apa itu HTTP/2?

Protokol HTTP/1.1 telah digunakan sejak tahun 1999 dan dari waktu ke waktu telah memperoleh satu masalah yang signifikan. Situs modern, berbeda dengan yang populer di tahun 1999, menggunakan banyak elemen berbeda: skrip JavaScript, gaya CSS, dan terkadang juga animasi flash. Saat Anda mentransfer semuanya, browser dan server membuat beberapa koneksi.

Protokol HTTP/2 secara signifikan mempercepat kecepatan situs web karena fitur-fitur berikut:

• Koneksi: beberapa permintaan dapat dikirim melalui satu koneksi TCP, dan respons dapat diterima dalam urutan apa pun. Tidak perlu menyimpan banyak koneksi TCP.
• Prioritas utas: klien dapat mengatur prioritas server — jenis sumber daya apa yang lebih penting baginya daripada yang lain.
• Kompresi header: ukuran header HTTP dapat dikurangi.
• Pengiriman push data dari sisi server: server dapat mengirim ke klien data yang belum diminta, misalnya, berdasarkan data tentang halaman berikutnya yang akan dibuka pengguna.

Pengembangan protokol HTTP 2 didasarkan pada protokol SPDY yang dikembangkan oleh Google. Tetapi Google telah mengumumkan akan menolak dukungan SPDY lebih lanjut ke HTTP/2 yang lebih menjanjikan.

Baca: Mengapa situs WordPress Anda lambat dan bagaimana cara mempercepatnya?

Fitur utama HTTP/2

• Multiplexing
• Dorong Server
• Kompresi Tajuk
• Prioritas Aliran
• Alur kontrol

Perbedaan antara HTTP dan HTTP 2

Perubahan yang telah dilakukan pada protokol pertama tidak memerlukan banyak perubahan dalam cara kerja aplikasi. Meskipun, ada keuntungan untuk aplikasi baru yang akan bekerja dengan kecepatan yang ditingkatkan. Perbedaan utama antara kedua protokol telah dibandingkan di bawah ini:

Di bawah ini adalah representasi visual yang bagus dari perbedaan mendasar antara HTTP/1 dan HTTP/2 (milik: http://ruzhekov.com )

Pro dan Kontra HTTP/2

Mengapa dunia membutuhkan HTTP/2?

• HTTP pertama kali dijelaskan pada tahun 1991 dan versi terbarunya, HTTP/1.1, telah disetujui pada tahun 1999 dan masih digunakan sampai sekarang.
• Ukuran situs web telah tumbuh secara signifikan selama bertahun-tahun, menyebabkan waktu pemuatan yang lambat dan keterbatasan jumlah koneksi simultan menggunakan HTTP/1.1.
• Solusi sementara seperti pengoptimalan pemuatan situs web telah diterapkan, tetapi hanya menawarkan solusi jangka pendek.
• Insinyur Google mulai bekerja untuk meningkatkan protokol pada tahun 2009, yang mengarah ke pembuatan protokol SPDY, yang lebih cepat dan didukung oleh sebagian besar browser tetapi memerlukan dukungan sisi server.
• HTTP/2 didasarkan pada SPDY dan kompatibel dengan HTTP/1.1. Tidak perlu segera memutakhirkan, tetapi pada akhirnya, situs mungkin memuat lebih lambat pada protokol yang lebih lama.

Apakah HTTP/2 benar-benar lebih cepat?

Pakar HttpWatch melakukan beberapa tes dan menemukan akselerasi serius dengan HTTP 2.

Tangkapan layar di bawah ini menunjukkan kecepatan unduh halaman menggunakan HTTP / 1.1:

Dan pada tangkapan layar ini — hasil penggunaan HTTP 2:

Kecepatan unduh meningkat sebesar 23%. Pakar HttpWatch juga mencatat bahwa teknologinya belum sepenuhnya dioptimalkan, dan mengharapkan akselerasi nyata hingga 30%.

Mengapa HTTP/2 bekerja lebih cepat?

• Beberapa permintaan yang dikirim dalam koneksi yang sama di HTTP/2 (multiplexing) menyebabkan pemuatan elemen statis lebih cepat
• Kompresi header HTTP di HTTP/2 mengurangi jumlah data antara server dan browser, membebaskan sumber daya
• Peningkatan keamanan dengan koneksi terenkripsi untuk dukungan HTTP/2 oleh browser penentu tren (Google Chrome, Mozilla Firefox)
• Perubahan urutan prioritas dalam HTTP/2 dengan prioritas menjadi metode yang diinginkan untuk fungsi multiplexing yang tepat
• Kurangnya konfigurasi prioritas dalam HTTP/2 dapat menyebabkan penurunan kecepatan karena sumber daya yang dapat dimuat nanti akan mengambil jalur terpisah dan sebagian daya.

Mengapa penting untuk mempercepat loading halaman website?

• Dukungan HTTP 2 bukanlah faktor peringkat langsung untuk Google
• Kecepatan unduh adalah faktor peringkat yang signifikan untuk Google
• HTTP/2 dapat berdampak positif pada kecepatan situs web dan secara positif memengaruhi peringkat karena faktor perilaku
• Halaman yang lebih cepat memiliki tingkat kegagalan yang lebih rendah dan dapat menghasilkan peningkatan keterlibatan pengguna
• Google Bot akan segera mendukung HTTP/2
• HTTP 2 dapat menjadi faktor peringkat di masa mendatang karena mesin pencari mengubah algoritme.

Manfaat untuk pengembang web

HTTP 2 memungkinkan Anda menyingkirkan trik lama, yang dirancang untuk mempercepat pemuatan halaman tanpa HTTP/2. Kami mencantumkan:

• Pecahan domain atau menggunakan beberapa domain terkait untuk mengunduh file guna mengaktifkan lebih banyak koneksi TCP.
• Sprite gambar — menggabungkan gambar dalam satu file untuk mengurangi jumlah permintaan. Namun, file seperti itu pertama-tama harus dimuat sepenuhnya untuk ditampilkan. Selain itu, memproses file besar menghabiskan lebih banyak memori.
• Gabungkan file CSS dan JavaScript, yang juga dilakukan untuk mengurangi jumlah permintaan, dan juga meningkatkan penggunaan memori.
• Penyertaan sebaris atau menempatkan CSS dan JavaScript, dan terkadang bahkan gambar di dalam file HTML, untuk mengurangi jumlah koneksi. Pada saat yang sama, halaman tidak ditampilkan hingga seluruh file dimuat.
• Domain tanpa file cookie: Unduh gambar, CSS, dan JavaScript dari domain lain yang tidak menggunakan cookie.

Bagaimana cara menerapkan HTTP 2?

Untuk mengimplementasikan HTTP 2, Anda harus mengikuti langkah-langkah berikut:

1. Periksa Dukungan Server: Pastikan perangkat lunak server Anda mendukung HTTP 2. Perangkat lunak server populer seperti Apache, Nginx, dan IIS memiliki dukungan bawaan untuk HTTP 2.
2. Aktifkan HTTP 2: Setelah Anda mengonfirmasi bahwa server Anda mendukung HTTP 2, Anda harus mengaktifkannya. Metode untuk mengaktifkan HTTP 2 bervariasi tergantung perangkat lunak server yang Anda gunakan.
3. Gunakan HTTPS: HTTP 2 memerlukan koneksi aman menggunakan HTTPS, jadi Anda harus menginstal sertifikat SSL di server Anda.
4. Perbarui Kode Anda: Jika Anda menggunakan perpustakaan atau kerangka kerja yang menangani koneksi HTTP, pastikan itu mendukung HTTP 2. Beberapa perpustakaan mungkin memerlukan pembaruan untuk bekerja dengan HTTP 2.
5. Uji Situs Anda: Setelah melakukan perubahan yang diperlukan, uji situs Anda untuk memastikannya berfungsi dengan HTTP 2. Periksa konsol browser untuk setiap kesalahan atau peringatan.
6. Pantau Kinerja: Secara teratur pantau kinerja situs Anda untuk memastikannya berjalan lancar dengan HTTP 2.
7. Pertimbangkan Pengoptimalan Kinerja: Menerapkan HTTP 2 akan meningkatkan kinerja situs Anda, tetapi mungkin masih ada peluang untuk pengoptimalan lebih lanjut. Misalnya, menggabungkan gambar menjadi sprite, mengompresi gambar, dan mengurangi jumlah permintaan HTTP dapat lebih meningkatkan kinerja.

Kesimpulan

HTTP 2 kompatibel dengan HTTP 1.1 dan tidak memerlukan migrasi. Namun, karena server web dan browser mengadopsi HTTP 2, teknik pengoptimalan situs mungkin perlu diperbarui untuk menghindari memperlambat situs web.

Baca: Panduan Lengkap tentang Migrasi HTTP ke HTTPS di WordPress

Menggabungkan gambar ke dalam sprite meningkatkan kompresi dan mengurangi pengunduhan data sambil menghindari penggunaan Data URI untuk menyematkan gambar dapat meningkatkan caching. Pecahan domain tidak lagi diperlukan di HTTP 2, karena memungkinkan permintaan langsung untuk sumber daya dan dapat mengurangi kinerja dengan membuat koneksi tambahan.

Pertanyaan yang Sering Diajukan