Apa itu Firebase Hosting?
Firebase Hosting adalah layanan hosting dari Firebase, sebuah platform pengembangan aplikasi mobile dan web yang dimiliki oleh Google. Firebase Hosting menyediakan hosting web yang cepat, mudah digunakan, dan terintegrasi dengan teknologi terbaru. Selain itu, Firebase Hosting juga dilengkapi dengan beberapa fitur seperti HTTPS, HTTP/2, dan Brotli Compression.
Brotli Compression adalah algoritma kompresi data yang dikembangkan oleh Google. Algoritma ini dapat mengompresi ukuran file hingga 26% lebih kecil dibandingkan dengan algoritma kompresi data yang lain. Penggunaan Brotli Compression sangat cocok untuk digunakan pada website karena dapat mempercepat waktu pemuatan halaman.
Dalam artikel ini, saya akan membahas lebih lanjut tentang penggunaan Brotli Compression pada Firebase Hosting.
Cara Mengaktifkan Brotli Compression di Firebase Hosting
Untuk mengaktifkan Brotli Compression di Firebase Hosting, Anda perlu mengubah file firebase.json pada direktori root proyek Anda. Pastikan Anda sudah memiliki Firebase CLI yang terinstall di lokal Anda.
Buka file firebase.json dan tambahkan konfigurasi berikut:
“hosting”: {“headers”: [{“source”: “**/*.@(js|css|html|svg)”,”headers”: [{“key”: “content-encoding”,”value”: [“br”]}]}]}”
Konfigurasi ini akan mengaktifkan Brotli Compression pada file JavaScript, CSS, HTML, dan SVG. Anda dapat menambahkan jenis file lain sesuai kebutuhan Anda.
Mengukur Keefektifan Brotli Compression
Setelah mengaktifkan Brotli Compression, Anda perlu mengukur keefektifan penggunaannya menggunakan Google Chrome DevTools.
Buka halaman web yang sudah dihosting di Firebase Hosting dan buka Google Chrome DevTools. Pilih tab Network dan pastikan opsi “Disable Cache” sudah diaktifkan. Refresh halaman web dan perhatikan kolom “Size” dan “Content-Encoding” pada file JavaScript, CSS, atau HTML. Jika isi dari kolom “Content-Encoding” mengandung “br”, berarti Brotli Compression sudah teraktivasi. Jika ukuran file terkompresi lebih kecil dibandingkan ukuran file aslinya, berarti Brotli Compression sudah berjalan dengan baik.
Dengan penggunaan Brotli Compression, waktu pemuatan halaman website Anda di Firebase Hosting dapat lebih cepat dan efisien.
Kesimpulan
Firebase Hosting menawarkan layanan hosting web yang mudah digunakan dan terintegrasi dengan teknologi terbaru seperti Brotli Compression. Dalam artikel ini, saya telah menjelaskan cara mengaktifkan Brotli Compression pada Firebase Hosting dengan menggunakan file firebase.json. Selain itu, saya juga telah menjelaskan bagaimana cara mengukur keefektifan penggunaan Brotli Compression menggunakan Google Chrome DevTools. Dengan penggunaan Brotli Compression, waktu pemuatan halaman website Anda dapat lebih cepat dan efisien.
