Brotli: Algoritma Kompresi Google Untuk Mempercepat Website

Sekarang Anda harus tahu bahwa kecepatan website adalah salah satu hal yang mempengaruhi pengalaman pengguna dan SEO. Situs web yang cepat dapat membantu meningkatkan keterlibatan. Tidak hanya mengoptimalkan waktu pemuatan situs web Anda, ini juga dapat membantu meningkatkan pengalaman pengguna, tingkat konversi, dan tentu saja pendapatan penjualan.

Ada beberapa cara untuk meningkatkan kecepatan situs web. Salah satu cara paling efektif adalah meminimalkan ukuran situs web Anda. Semakin kecil ukuran data yang harus diunduh ke browser Anda, semakin cepat situs web Anda memuat.

Untuk melakukan ini, selain mengoptimalkan ukuran CSS dan JavaScript, Anda juga memerlukan algoritme kompresi yang unggul untuk mengurangi ukuran file di situs web Anda.

Seperti yang kita bahas sebelumnya, Dewaweb sudah menggunakan LiteSpeed ​​Cache untuk membantu situs web Anda bekerja dengan cepat. Salah satu teknologi yang akan Anda dapatkan adalah Brotli. Apa itu?

Mungkin Anda pernah mendengar yang namanya gzip. Gzip adalah salah satu algoritma kompresi yang paling banyak digunakan di dunia. Namun, kini ada algoritma kompresi lain yang mulai populer, yaitu Brotli.

Mungkin sebagian dari Anda belum mengenal Brotli. Nah, pada artikel kali ini kita akan membahas segala hal tentang Brotli. Jadi jika kalian ingin tahu, teruslah membaca!

Apakah Brotli itu?

Brotli adalah algoritma kompresi data open source yang dikembangkan oleh dua insinyur Google. Algoritma ini pertama kali dirilis pada tahun 2015.

Brotli dirancang untuk kompresi teks dan dapat mengurangi ukuran file hingga 20% -30% lebih kecil dari gzip. Kecepatan encoding lebih lambat dari gzip (tergantung pada pengaturan kualitas), tetapi kecepatan decoding hampir sama dengan gzip.

Hingga saat ini terdapat beberapa browser yang juga mendukung Brotli:

  • Chrome mendukung brotli sejak versi 49.
  • Microsoft Edge akan mulai mendukung brotli dari versi 15.
  • Firefox telah menerapkan brotli sejak versi 44.
  • Opera telah mendukung brotli sejak versi 36.

Baca Juga: Alat Gratis Untuk Memeriksa Kecepatan Situs Web

Cara Kerja Brotli

Bagi Anda yang penasaran dengan cara kerja Brotli sebenarnya, berikut penjelasan singkatnya:

  1. Seorang pengguna mengakses situs web atau aplikasi web yang berjalan di server yang mendukung brotli
  2. Browser akan memberi tahu server tentang konten apa yang dapat didekompresi menggunakan header Terima-Pengkodean
  3. Server kemudian menentukan konten terkompresi mana yang akan dikirim berdasarkan algoritma kompresi yang ada berdasarkan permintaan
  4. Server kemudian akan mengirimkan header Content-Encoding ke browser, yang menunjukkan bahwa metode tersebut sedang digunakan
  5. Browser kemudian akan mendekompresi data sebelum ditampilkan di halaman web

Brotli vs Zopfli vs gzip

LinkedIn adalah salah satu situs yang telah menerapkan Brotli. LinkedIn sendiri telah melakukan benchmark performa antara Brotli, Zopfli, dan gzip pada file JavaScript di halaman utama LinkedIn. Mereka menemukan bahwa brotli -11 membantu mengecilkan ukuran file 30% lebih banyak daripada gzip -6. Kecepatan dekompresi sendiri lebih cepat dari gzip dan zopfli.

Brotli-vs-GZIP-vs-Zopfli-LinkedIn-Benchmark-Dewaweb

Brotli-vs-zopfli-vs-gzip-LinkedIn-Tolok Ukur-Dewaweb

Tingkatkan kecepatan situs

Untuk mengujinya lebih lanjut, LinkedIn juga melakukan Pengujian A / B. LinkedIn mengatur 50% anggota LinkedIn untuk menggunakan brotli jika memungkinkan. Sedangkan 50% lainnya tidak mendapatkannya. LinkedIn kemudian membandingkan waktu muat feed halaman awal dengan persentil ke-90.

LinkedIn mengalami peningkatan 2-3,6% dalam kecepatan situs di Amerika Serikat, dan peningkatan 6-6,5% di India. Brotli menawarkan hasil yang lebih baik untuk klien dengan bandwidth rendah.

LinkedIn sendiri mengalami peningkatan yang lebih besar di India daripada di Amerika Serikat. Selain itu, pengguna di ponsel juga mengalami peningkatan kecepatan dibandingkan dengan mereka yang menggunakan desktop.

Baca:  15 Teknik Maju SEO untuk Organik Meningkatkan Traffic Website Anda

LinkedIn-Brotli-AB-Pengujian-Dewaweb

Angka ini kemungkinan masih bertambah karena tingkat penetrasinya belum 100%. Tidak semua orang yang mengalihkan ke percobaan Brotli menggunakan browser yang mendukungnya.

Brotli hanya dapat membantu mempercepat proses pengunduhan konten. Untuk lebih memahami bagaimana pengunduhan konten berkontribusi pada lamanya waktu yang dibutuhkan untuk memuat halaman web secara keseluruhan, LinkedIn menggunakan alat pengembang Chrome untuk memecah garis waktu ke dalam kategori pemrosesan CPU.

Brotli-browser-dewaweb.dll

Baca Juga: 6 Trik Mengoptimalkan Performa Website Menjadi Lebih Baik

Untuk aplikasi dengan banyak JavaScript, seperti situs web utama LinkedIn yang dibuat dengan Ember.js, Brotli bukanlah satu-satunya hal yang dapat membantu menyelesaikan semua masalah kecepatan situs web. Jaringan lambat, seperti 3G, adalah salah satu tempat di mana Anda benar-benar dapat memanfaatkan Brotli.

Proses pengunduhan konten saja berkontribusi hingga ~ 80% dari waktu muat (bagian "kosong" di diagram lingkaran tempat CPU menunggu JavaScript untuk diunduh). Untuk jaringan cepat seperti kabel, hambatan utama biasanya adalah CPU yang mengevaluasi dan menjalankan JavaScript (bagian "skrip" dari diagram lingkaran) untuk merender laman, bukan bandwidth jaringan.

Ini membantu menjelaskan mengapa Brotli menunjukkan lebih banyak kemajuan di India daripada di Amerika Serikat.

Dari hasil percobaan LinkedIn, menggunakan Brotli untuk konten statis, mereka melihat peningkatan kecepatan website yang mengesankan, terutama bagi pengguna atau pengguna yang datang dari tempat-tempat yang memiliki bandwidth rendah. LinkedIn juga percaya bahwa Brotli memiliki banyak potensi dan mendorong setiap pemilik website untuk mulai menggunakannya.

Penggunaan Brotli dinilai dapat membantu meningkatkan pengalaman pengguna sehingga pengunjung website Anda mau datang dan kembali lagi ke website Anda. Dengan diluncurkannya browser baru dan peningkatan pengguna ke browser terbaru, Anda akan melihat bahwa algoritma ini dapat membantu meningkatkan lalu lintas situs web Anda.

Kesimpulan

Karena brotli adalah open source, maka brotli tersedia gratis sebagai server tambahan untuk penyedia hosting web dan jaringan pengiriman konten (CDN), serta individu dan bisnis yang mengelola server mereka sendiri. Menggunakan algoritma kompresi baru ini tidak hanya menghemat biaya bandwidth untuk penyedia hosting dan pelanggan CDN tetapi juga mempercepat waktu pemuatan situs web.

Dengan munculnya algoritma kompresi seperti Brotli, ini merupakan keuntungan besar bagi pemilik situs web. Menggunakan brotli dapat membantu menguraikan dan mengoptimalkan pengiriman konten melalui Internet. Namun, Anda harus memastikan bahwa browser yang Anda gunakan juga mendukung teknologi ini.

Dengan brotli, dijamin Anda punya website yang lebih cepat. Dengan situs web yang lebih cepat, Anda dapat meningkatkan keterlibatan, pengalaman pengguna, lalu lintas situs web, rasio konversi, dan tentu saja pendapatan penjualan.

Anda pasti ingin situs web Anda tidak mendapatkan semua ini? Jika Anda menggunakan paket hosting murah dari Dewaweb, Anda tidak perlu khawatir karena teknologi Brotli akan otomatis berjalan di server Anda.

Jika Anda ingin membaca lebih banyak artikel tentang LiteSpeed ​​Cache, Anda dapat membaca artikel kami tentang apa itu Plugin LiteSpeed ​​Cache.

Bagi Anda pengguna WordPress, kami juga telah menyiapkan artikel tentang cara menginstal Plugin LiteSpeed ​​Cache untuk WordPress dan mengkonfigurasi Plugin LiteSpeed ​​Cache untuk mengoptimalkan situs Anda. Selain Brotli, LiteSpeed ​​juga mendukung beberapa teknologi lain seperti HTTP / 2 dan cache objek database Redis.

Semoga artikelnya bermanfaat!

Daftar dan tonton webinar Dewatalks

Tulisan Brotli: Algoritma Kompresi Google Untuk Mempercepat Website muncul pertama kali di Blog Dewaweb.