Cara Menambahkan Brotli ke NginX di AaPanel

Ingin memakai brotli di aapanel? tapi nggak tau atau banyak tutorial yang sepertinya malah jadi nyia-nyiain waktu? Santai, disini saya kasih tutorialnya yang pasti work ( kalau versi aapanel atau nginxnya nggak beda jauh ya ).

Pertama-tama, kita harus tahu dulu apa itu brotli, dan apa saja kegunaannya..

Apa sih itu Brotli

Brotli adalah sebuah algoritma kompresi data yang dikembangkan oleh Google. Algoritma ini dirancang untuk mengkompresi data secara lebih efisien daripada algoritma kompresi data sebelumnya, seperti Gzip atau Deflate. Tujuannya adalah untuk mengurangi ukuran data yang dikirimkan melalui internet, yang pada gilirannya dapat meningkatkan kecepatan dan efisiensi dalam proses pengiriman data melalui jaringan.

Beberapa keunggulan Brotli meliputi tingkat kompresi yang lebih tinggi, yang berarti bahwa data dapat dikompresi menjadi ukuran yang lebih kecil daripada metode kompresi lainnya, dan ini dapat mengurangi penggunaan bandwidth serta waktu yang diperlukan untuk mengunduh atau mentransfer data. Brotli juga mendukung kompresi teks seperti HTML, CSS, dan JavaScript dengan baik, sehingga dapat digunakan untuk mengompresi file teks yang digunakan dalam pengembangan web.

Brotli biasanya digunakan dalam konteks web server dan peramban web modern untuk mengompresi dan mendekompresi data saat mengakses situs web. Ini membantu dalam meningkatkan kinerja dan pengalaman pengguna saat menjelajah internet. Brotli telah diterima dengan baik oleh komunitas pengembang web dan semakin banyak digunakan untuk mengoptimalkan situs web dan aplikasi web.

Kegunaan Brotli

Brotli memiliki beberapa kegunaan utama dalam konteks pengembangan web dan aplikasi:

1. Kompresi Data Web: Salah satu kegunaan utama Brotli adalah mengkompresi berbagai jenis data yang digunakan dalam pengembangan web, seperti HTML, CSS, JavaScript, dan berkas teks lainnya. Dengan mengompresi data ini menggunakan Brotli, ukuran file dapat dikurangi secara signifikan, yang mengurangi waktu yang diperlukan untuk mengunduh dan memuat halaman web. Ini memungkinkan situs web untuk memuat lebih cepat, meningkatkan pengalaman pengguna, dan mengurangi penggunaan bandwidth.
2. Kompresi Data Peramban: Brotli juga digunakan oleh peramban web modern untuk mendekompresi data yang dikirimkan oleh server web. Ketika peramban menerima data yang telah dikompresi dengan Brotli, peramban dapat mendekompresi data tersebut untuk mengembalikan ke aslinya. Ini membantu dalam menghemat bandwidth dan memungkinkan peramban untuk memuat konten dengan lebih cepat.
3. Kompresi Data Aplikasi: Selain digunakan untuk mengompresi data web, Brotli juga dapat digunakan untuk mengompresi data dalam aplikasi lain, seperti permainan atau aplikasi perangkat lunak. Ini dapat membantu mengurangi penggunaan penyimpanan dan mempercepat pengiriman data antar aplikasi.
4. Kompresi Data dalam Protokol Transfer: Brotli dapat digunakan dalam protokol transfer data seperti HTTP untuk mengompresi data yang dikirimkan antara server dan klien. Ini membantu mengurangi latensi dan waktu yang dibutuhkan untuk memuat halaman web atau mentransfer data.
5. Penggunaan di CDN (Content Delivery Network): Brotli sering digunakan oleh penyedia CDN untuk mengompresi dan mengirimkan konten web kepada pengguna akhir dengan lebih efisien. Hal ini membantu dalam mengurangi beban server, meningkatkan kinerja, dan menghemat bandwidth.

Menambahkan brotli ke nginx di AAPanel

Setelah mengetahui apa itu brotli dan kegunaanya, kalian bisa ikuti langkah berikut untuk menambahkan module brotli ke nginx yang akan di install pada aapanel. Disini saya menggunakan VPS dengan sistem operasi Almalinux 9. Langsung aja yuk ikutin ini:

Install git

Jika kamu belum menginstall git, maka kemungkinan besar instalasinya akan gagal. Untuk mengetahui apakah git sudah terinstal, kalian bisa gunakan command: “git” di terminal, jika muncul perintah-perintah git, maka git sudah terinstall, jika malah error, maka git belum terinstal. Untuk menginstal git, pada sistem operasi Almalinux, rockylinux bisa menggunakan: “dnf install git”.

Tambahkan module ke instalasi

Yang kedua menambahkan module ke instalasi, kalian buka menu app store, cari NginX dan klik install. Kemudian kalian akan disuguhkan dengan pilihan “Fast” dan “Compiled“. Kalian pilih yang compiled, selanjutnya tambahkan module seperti berikut:

Isi sebagai berikut:

Name: nama untuk module ini, bisa sembarang terserah kalian.

Parameter: parameter untuk compile nginx sebagai berikut:

--add-module=/www/server/ngx_brotli

Prefix Script: script yang akan dijalankan untuk module ini. Kalian isi seperti berikut:

mkdir -p /www/server/ngx_brotli
git clone https://github.com/google/ngx_brotli.git /www/server/ngx_brotli
cd /www/server/ngx_brotli && git submodule update --init

Setelah selesai mengisi semuanya, kalian klik submit dan kalian akan disuguhi seperti digambar:

Kalian tinggal klik submit dan tunggu sampai selesai. Jika sudah selesai, sekarang mari kita tambahkan beberapa konfigurasi agar nginx bisa menggunakan brotli. Tambahkan kode berikut pada blok http seperti berikut:

http
{
#config nginx lain...

brotli on;
brotli_comp_level 6;
brotli_static on;
brotli_types application/atom+xml application/javascript;

#config nginx lain...
}

Kalian bisa menambahkan mime types ke brotli_types. Mime types merupakan jenis file yang akan di kompresi menggunakan brotli. Kalian bisa menambahkan atau menghapus file yang tidak diinginkan. Saya menggunakan file-file berikut:

application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-opentype application/x-font-truetype application/x-font-ttf application/x-javascript application/xhtml+xml application/xml font/eot font/opentype font/otf font/truetype image/svg+xmlimage/vnd.microsoft.icon image/x-icon image/x-win-bitmap text/css text/javascript text/plain text/xml;

Kesimpulan

Menambahkan brotli ke nginx di aapanel sebenarnya mudah, namun terkadang kita sendiri yang terlalu memusingkannya. Dan juga, banyak tutorial yang sudah tidak berjalan lagi namun masih dipakai dan belum di update.

Menambahkan brotli bisa dilakukan hanya dengan beberapa langkah saja, seperti yang sudah dijelaskan di atas.