Pengantar HTTP / 2 untuk WordPress

Pengantar HTTP / 2 untuk WordPress

HTTP / 2 adalah salah satu tonggak paling signifikan untuk diperkenalkan di web modern. Artikel ini menyoroti keadaan HTTP saat ini dan memperkenalkan manfaat inti (dan beberapa konsep non-teknis) dari HTTP / 2. Kami juga akan belajar cara menerapkan HTTP / 2 untuk WordPress pada tahun 2018.


Sejarah Singkat HTTP

HTTP adalah singkatan dari Hypertext Transfer Protocol, yang dibuat oleh Tim Berners Lee pada tahun 1991. Tim adalah orang yang harus kami syukuri untuk World Wide Web. HTTP adalah salah satu yang paling umum dan paling banyak diadopsi protokol aplikasi di internet. Tapi itu bukan satu-satunya.

Tunggu sebentar. Saya telah menyoroti frasa tersebut protokol aplikasi. Mengapa demikian? Soalnya, Internet sebenarnya adalah komposisi dari empat lapisan hierarki protokol. Setiap lapisan terdiri dari sejumlah protokol dan bertanggung jawab untuk a fungsi inti.

Geeking keluar sebentar, ada empat lapisan di Internet Protocol (IP) suite:

  1. Lapisan aplikasi
  2. Lapisan Transport
  3. Lapisan Internet
  4. Lapisan Tautan
Protokol Lapisan Aplikasi Internet

Lapisan Protokol Internet. Sumber: Wikipedia

Tanpa terlalu banyak merinci, tiga lapisan terakhir (mis. Lapisan Transportasi, Internet, dan Tautan) bertanggung jawab untuk membangun koneksi yang andal bagi data yang akan dipertukarkan.

Lapisan paling atas disebut Lapisan Aplikasi, yang melayani semua aplikasi di internet.

  • Melihat halaman web adalah aplikasi di Internet – yang dimungkinkan oleh protokol HTTP.
  • Email adalah aplikasi lain di Internet – dimungkinkan oleh protokol POP atau IMAP.

Ada banyak protokol di lapisan aplikasi di Internet yang membuat hal-hal seperti Video Langsung YouTube dan Pertarungan antar suku bisa jadi.

Kelahiran HTTP / 2

HTTP / 2 untuk Awal WordPress

HTTP adalah bahasa umum antara klien dan server, memungkinkan web modern. Dari permulaannya yang sederhana sebagai satu kata kunci dan jalur dokumen, ia telah menjadi protokol pilihan tidak hanya untuk browser, tetapi untuk hampir setiap perangkat lunak dan aplikasi perangkat keras yang terhubung ke internet.

Ini menimbulkan pertanyaan – seberapa sering kita memperbarui perangkat lunak yang penting ini? Nah, ternyata – tidak terlalu sering

Bahkan, protokol HTTP terakhir kali mendapat pembaruan, adalah pada tahun 1997 – sepuluh tahun sebelum iPhone pertama diluncurkan! Itu adalah HTTP versi 1.1 dan 20 tahun kemudian, masih versi HTTP yang paling banyak digunakan saat ini!

Segala sesuatu yang terjadi di Internet – mulai dari streaming video kucing, hingga obrolan video langsung yang dikirim dari Stasiun Luar Angkasa Internasional dan triliunan transaksi online – terjadi melalui teknologi yang belum memiliki pembaruan di lebih dari dua dekade. Selama bertahun-tahun, kami telah membuat kemajuan luar biasa dengan membuat aplikasi baru untuk Internet. Namun, kami melakukan semua ini dengan membuat solusi dari batasan HTTP / 1.1

Saya tidak bermaksud mengatakan bahwa HTTP / 1.1 semuanya buruk. Tapi itu bisa yakin gunakan pembaruan. Dan itulah sebabnya pada tahun 2015 Satuan Tugas Rekayasa Internet dua kali lipat untuk membuat protokol HTTP yang lebih baik.

Hasilnya adalah protokol baru yang bekerja dengan mulus dengan semua hal yang berjalan di HTTP / 1.1, sambil membuat beberapa perbaikan serius dalam teknologi yang mendasarinya. Protokol baru ini disebut HTTP / 2.

Apa yang Berubah pada HTTP / 2?

Banyak hal sebenarnya. Tapi kami tidak akan membahas semuanya di sini. Cukup yakin Anda akan bosan pada saat itu dan bahkan lebih yakin bahwa saya tidak akan bisa menjelaskan hal-hal dengan cara yang tidak aneh. Tetapi ketika datang ke HTTP / 2 untuk WordPress, berikut adalah beberapa poin kunci.

Multiplexing

Dalam HTTP / 1.1, server dan klien diperlukan untuk membuat koneksi individual untuk meminta sumber daya. Izinkan saya menjelaskan dengan ilustrasi yang indah dari UpWork ini:

HTTP / 2 untuk WordPress: Multiplexing

Ilustrasi multiplexing oleh UpWork

Situs web terdiri dari HTML, CSS, JavaScript, gambar, dan file lainnya. File-file ini secara kolektif disebut sumber daya. Dalam contoh ini, ada situs web yang terdiri dari tiga sumber daya – file JavaScript, file CSS, dan file gambar.

Kita melihat bahwa dalam HTTP / 1.1, browser memerlukan tiga koneksi TCP dengan server untuk meminta sumber daya ini. Mengapa? Karena dalam HTTP / 1.1, setiap koneksi hanya dapat meminta satu permintaan. Sejumlah besar koneksi biasanya menghasilkan apa yang dapat digambarkan sebagai sumber daya ‘kemacetan’ – yang pada akhirnya menyebabkan pengalaman situs web yang lambat.

HTTP / 2 mendukung Multiplexing

Multiplexing adalah teknologi yang memungkinkan server mengirim banyak file melalui satu koneksi. Akibatnya, ketika situs web yang sama menggunakan HTTP / 2, ketiga sumber daya dapat dikirim melalui satu koneksi. Akibatnya, waktu muat dan konsumsi sumber daya jaringan akan berkurang secara signifikan. Dalam istilah yang lebih sederhana, Anda dapat melakukan lebih banyak dengan lebih sedikit. Jadi HTTP / 2 untuk WordPress adalah cara yang bagus untuk (berpotensi) mempercepat situs WordPress Anda.

Sharding Domain & Perbaikan Lainnya

Ingat bagaimana aplikasi yang lebih baru membutuhkan ‘penyelesaian’ untuk mengatasi batasan HTTP / 1.1 tertentu? Sharding domain adalah salah satu solusinya. Mari kita lihat mengapa sharding domain diperlukan.

Biasanya, HTTP / 1.1 membatasi jumlah maksimum koneksi terbuka antara server (domain) dan klien. Sebagian besar situs web memiliki banyak sumber daya untuk dimuat secara paralel. Dalam upaya untuk membuat situs memuat lebih cepat, situs web mulai menyajikan sumber dayanya dari berbagai sub-domain. Ini disebut domain sharding.

HTTP / 2 untuk WordPress: Domain Sharding

Ilustrasi sharding domain oleh UpWork

Sekarang dengan HTTP / 2, tidak perlu berbagi domain. Bukan karena HTTP / 2 tidak membatasi jumlah maksimum koneksi terbuka. Tetapi karena HTTP / 2 mendukung multiplexing. Semua sumber daya dapat dikirim langsung dalam satu koneksi!

Berkat multiplexing dalam HTTP / 2, banyak ‘penyelesaian’ ini tidak lagi diperlukan. Ini termasuk Sprite CSS, gambar sebaris di CSS menggunakan URI data, dan gabungan dari CSS dan JavaScript. Untuk memasukkannya ke dalam Majalah HancurKata-kata:

Permintaan HTTP murah di dunia HTTP / 2. Mengatur aset Anda selama pengembangan sesuai dengan halaman yang akan digunakan akan jauh lebih baik. Anda hanya dapat menyajikan kode yang dibutuhkan pengunjung. Mengunduh banyak style sheet kecil tidak masalah. Anda juga dapat mengatur berdasarkan seberapa sering hal berubah; aset dengan umur panjang kemudian bisa dirawat lebih lama.

Dukungan untuk Protokol Biner

Kita tahu bahwa komputer berbicara dalam angka 0 dan 1, kan? Ya, itu bukan cara HTTP / 1.x digunakan untuk berbicara. HTTP1.x digunakan untuk memproses perintah teks untuk menyelesaikan siklus permintaan-respons.

HTTP / 2 mendukung konversi dari protokol teks ke protokol biner. Ini memungkinkan server dan klien untuk berbicara dalam 0s dan 1s daripada teks yang sebenarnya – sehingga secara signifikan mengurangi jumlah waktu dan energi yang dibutuhkan untuk menyelesaikan siklus permintaan-respons yang sama.

HTTP / 2 Server Push

Fitur ini bisa sedikit rumit untuk dijelaskan, tetapi saya akan berusaha membuatnya tetap sederhana. Dalam skenario HTTP / 1.1 klasik, server (atau situs web) hanya akan mengirim sumber daya ke klien (browser) hanya ketika klien meminta sumber daya. Ini adalah skenario respons permintaan tipikal.

Namun, HTTP / 2 memperkenalkan konsep push server, di mana untuk pertama kalinya server dapat mengirim sumber daya (atau informasi) ke klien, tanpa meminta klien untuk secara eksplisit meminta sumber daya tersebut. Mekanisme ini menyimpan bolak-balik permintaan-respons dan mengurangi latensi jaringan.

Pengembang web dapat membangun aplikasi yang memanfaatkan Server Push dan mengirim sumber daya / informasi tambahan ke klien dengan mengantisipasi permintaan. Hasil akhir? Aplikasi yang lebih cepat dan lebih lancar.

Kompresi Header

HTTP / 2 menggunakan sesuatu yang disebut kompresi tajuk HPACK saat bertukar data antara klien dan server. Sebelum kita membahas mengapa ini penting, saatnya untuk belajar lebih banyak tentang protokol.

Unit data dalam protokol apa pun (termasuk HTTP) terdiri dari tiga komponen inti – header, payload, dan footer.

  1. Header: Header berisi informasi tentang unit data
  2. Payload: Ini adalah data aktual yang sedang diangkut dari server ke klien
  3. Footer: Ini adalah semacam daftar periksa yang memastikan bahwa unit data berhasil dikirim tanpa kesalahan.

Kompresi header bekerja dengan cara yang cukup sederhana – server memampatkan informasi header sebelum mentransfernya ke klien. Setelah menerima unit data (atau paket), klien mendekompres header dan menampilkan (atau menggunakannya) untuk (atau untuk) pengguna.

Dengan situs web kaya media (seperti Netflix atau New York Times) menjadi norma hari ini, kompresi tajuk HPACK HTTP / 2 dapat menghemat banyak bandwidth saat mentransfer data dari server ke klien.

TLS ditingkatkan

TLS adalah singkatan dari Transport Layer Security, yang merupakan sedikit teknologi yang mengenkripsi koneksi antara server dan klien. Kita tahu ada HTTPS. Itulah teknologi yang membantu mencegah peretas mencuri informasi kartu kredit kami dan data pribadi lainnya selama transaksi online.

HTTP / 2 bekerja dengan sempurna dengan teknologi TLS yang ada dan membawa banyak fitur canggih seperti jabat tangan TLS yang lebih sedikit, konsumsi sumber daya yang rendah pada sisi klien dan server dan peningkatan kemampuan dalam menggunakan kembali sesi web yang ada sambil menghilangkan kerentanan tertentu yang terkait dengan HTTP / 1 .x.

Apakah Dunia Siap untuk HTTP / 2?

Yah, itu tergantung. Sebagian besar browser modern termasuk Chrome dan Firefox mendukung protokol HTTP / 2. Jika Anda memiliki sumber daya untuk mengimplementasikan protokol HTTP / 2 – Anda harus melanjutkan dan melakukannya.

Pemeriksaan kompatibilitas untuk HTTP / 2 di antara browser web utama.

CanIUse.com menyediakan pemeriksaan kompatibilitas terkini untuk HTTP / 2 di antara browser web utama

Cara memulai dengan HTTP / 2 untuk WordPress?

HTTP / 2 untuk WordPress

Menerapkan HTTP / 2 pada host WordPress Anda membutuhkan banyak pengetahuan teknis. Jika Anda pengembang atau jaringan dan mengelola server adalah milik Anda – lakukan saja.

Berita baiknya adalah penerapan HTTP / 2 untuk WordPress menjadi mudah berkat penyedia hosting WordPress yang baik. Contoh musuh, WPEngine dan Kinsta mendukung HTTP / 2 dan memiliki semua cadangan yang diperlukan untuk memastikan pengunjung situs yang tidak mendukung protokol baru, dapatkan pengalaman HTTP / 1.1 versi yang dioptimalkan dan dioptimalkan sepenuhnya..

Dari perspektif pengguna internet, Anda tidak perlu melakukan apa pun selain mengunduh versi terbaru peramban Anda. Jika situs web ini kompatibel dengan HTTP / 2, browser Anda akan secara otomatis berkomunikasi dengannya menggunakan protokol baru. Namun, HTTP / 2 sepenuhnya kompatibel ke belakang, sehingga situs web yang masih menggunakan HTTP lama tidak akan terpengaruh. Itu berarti Anda bisa duduk dan menikmati pemuatan situs web yang lebih cepat.

Wrapping Up HTTP / 2 untuk WordPress

HTTP / 2 untuk WordPress adalah bagian pembaruan yang sangat dibutuhkan dan revolusioner dari salah satu teknologi terdepan di dunia. Namun, itu akan membutuhkan banyak waktu untuk HTTP / 2 untuk menjadi arus utama – seperti situs web HTTPS. Yang sedang berkata, tujuan artikel ini adalah untuk memperkenalkan pembaca kami dengan teknologi yang luar biasa ini yang berpotensi mengubah wajah World Wide Web.

Pikiran tentang HTTP / 2 untuk WordPress? Pertanyaan? Beri tahu kami di bagian komentar di bawah!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map