Oleh Ezil Dilihat : 117 20 Januari 2020

Cara Mengaktifkan GZIP Compression Pada Website

Kompresi merupakan hal yang sering kita dengar untuk mengompres ukuran file menjadi lebih kecil, biasanya kita menggunakan WinZIP atau Winrar untuk aplikasi desktop. Begitu juga dengan website, website dapat juga dikompres ukurannya agar pengiriman data dari server ke client side lebih ringan, karena disisi server sudah dikompres terlebih dahulu sebelum dikirim kembali ke client yang melakukan permintaan

Kalau kita buat alur skema nya tanpa menggunakan kompresi, maka kira-kira akan seperti ini:

  1. Browse melakukan permintaan sebuah file index.html
  2. Server menerima permintaan dan melakukan pencarian terhadap file index.html
  3. Ketika file tersebut ditemukan, maka server akan memberi kode respon 200
  4. Lalu server akan mengirim file index.html ke client
  5. Browser menerima file tersebut, tapi karena file tersebut tidak menggunakan kompresi, maka file tersebut dikirim utuh dari server ke browser

Nah kita bandingkan dengan skema permintaan file yang sudah menggunakan kompresi, maka akan seperti ini kira-kira alurnya

  1. Browse melakukan permintaan sebuah file index.html
  2. Server menerima permintaan dan melakukan pencarian terhadap file index.html
  3. Ketika file tersebut ditemukan, maka server akan memberi kode respon 200
  4. Server mengecek ternyata ada pengaktifan fitur GZIP Kompresi, maka server terlebih dahulu melakukan kompresi sebelum mengirim kembali ke browser
  5. Setelah selesai dikompresi, maka server pun mengirim file yang sudah dikompresi tersebut ke browser
  6. Browser pun menerima file tersebut dan pemuatan file tersebut pun lebih kencang dari sebelumnya karena adanya fitur kompresi yang sudah diaktifkan

Kalau kita cek dari mode developer browser, maka akan tampak header yang dikirimkan dari server seperti berikut

wikitapad_cara_aktifin_gzip_compression.JPG

Lalu bagaimana cara mengaktifkan GZIP Compression pada website? Silahkan anda copy paste kode berikut kedalam file .htaccess

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/jpeg
  AddOutputFilterByType DEFLATE image/png
  AddOutputFilterByType DEFLATE image/jpg
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4.0[678] no-gzip
  BrowserMatch MSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Setelah anda copy kode tersebut ke file .htaccess anda, maka anda bisa melakukan cek apakah website anda sudah mengaktifkan fitur GZIP pada website berikut https://www.giftofspeed.com/gzip-test/. Jika website anda sudah menggunakan gzip compression, maka akan tampil gambar seperti berikut

wikitapad_cara_cek_gzip_compression_pada_website.JPG

Demikianlah cara mengaktifkan GZIP Compression pada website, terima kasih

Bagikan!!! Tulisan ini jika bermanfaat share artikel ke facebook share artikel ke twitter share artikel ke pinterest share artikel ke linkedin
    Belum ada komentar untuk artikel iniJadilah yang pertama mengomentari artikel ini
Pendidikan & Tutorial

Pendidikan & Tutorial

Web Develop

# gzip compression
Artikel Web Develop
Portal Berita
  1. Donasi Corona, Ramdani Lestaluhu Lelang Jersey Persija Jebol 12 Juta - Kompas TV
  2. Kondisi Terakhir Jaringan First Media Usai Banjir Jabotabek - Suara.com
  3. Ariel NOAH Malah Sibuk Main Game Padahal Anaknya Lagi Ulang Tahun ke-15, Pevita Pearce Pun Langsung Katakan... - Suar
  4. Pandemi Corona Bikin Pusing, Iis Dahlia: Tagihan Rumah Perbulan Rp 250 Juta - detikHot
  5. Fury Bangkit Jadi Juara karena Wilder Hina Mike Tyson - CNN Indonesia
  6. Flash Sale Pertama, realme 6 Nongkrong Jadi No 1 di HUT Lazada - SINDOnews.com
  7. UPDATE 6 Juni: Pasien Sembuh Covid-19 Bertambah 464 Orang, Tertinggi di Jawa Timur - Kompas.com - Nasional Kompas.com
  8. Mengemban Misi Mengamati Planet Pluto, Wahana Nasa Cetak Rekor Sejauh 6,4 Miliar KM dari Bumi - Pikiran Rakyat
  9. Tidur di Kasur Rp 250 Juta Raffi Ahmad, Syahnaz Sadiqah Malah Mengeluh - Suara.com
  10. Ini Tata Cara Penggunaan Masker yang Benar Menurut Pakar - Kompas.com - KOMPAS.com
  11. 90 Hari Tidak Aktif, Data Akun Facebook Anda Bisa Tersebar ke 5.000 Pengembang - Bisnis.com
  12. Agnez Mo Tepergok Jalan Berdua dengan Raphael Maitimo - Liputan6.com
  13. Ini Potret Rumah Mewah Iis Dahlia yang Cicilannya Rp 250 Juta Sebulan - kumparan.com - kumparan.com
  14. Koperasi Terindikasi MenJadi Sarana Cuci Uang - Insight Kontan
  15. MU Diwanti-wanti Jangan Buru-buru Mainkan Pogba - detikSport
  16. Ternyata Ini Material yang Dipakai Bodi Bus Karoseri Adiputro - GridOto.com
  17. Liverpool Mulai Kalah karena Tak Ada Jordan Henderson? - detikSport
  18. Jalani Salat & ke Gereja, Ini Alasan Shandy Aulia Yakin Jadi Nasrani - InsertLive
  19. Kerugian Persib Bandung di Tengah Virus Corona dan Libur Liga 1, Tapi - Bolasport.com
  20. Peneliti Lakukan Uji Klinis Hydroxychloroquine Pada 500 Pasien Covid-19 - Liputan6.com