Mempercepat website dengan Gzip Compression

by

helmy

GZIP COMPRESSION TIPS MEMPERCEPAT WEBSITE LEMOT

Mempercepat website dengan Gzip Compression

Selamat Datang di Blog Orang IT . Kecepatan website adalah segalanya jadi sebagai webmaster kita harus bisa memastikan bahwa website yang kita kelola selalu dalam keadaan cepat dan uptime guna meningkatkan pengalaman pengguna . Google juga secara resmi mengumumkan mobile page speed first ranking artinya kecepatan website sangat berpengaruh terhadap penentuan peringkat diperangkat mobile syukur-syukur kalau website anda sudah support AMP . Dalam pencarian dekstop dan feature phone pun peringkat website anda pasti berbeda menyesuaikan algoritma google masing-masing
Ada banyak sekali tutorial bagaimana cara mempercepat loading website yang berat , dan di Blog helmykkediri.com rasanya saya juga sudah sering menuliskan nya sementara kali ini lagi-lagi saya menulis artikel tentang cara mempercepat loading website yang berat menggunakan metode Gzip compression
Kita mencoba mempercepat loading website dengan memperkecil ukurang file yang nantinya akan dikirimkan agar lebih cepat dimuat alias dikompresi terlebih dahulu

Pengertian Gzip Compression

Gzip compression adalah metode untuk memperkecil ukuran file sehingga transfer jaringan menjadi lebih cepat. Ini juga adalah sebuah bentuk format file.Gzip compression memungkinkan server menyediakan file halaman yang lebih kecil sehingga lebih cepat dimuat di browser pengunjung. Meskipun telah dicompress halama website anda tidak akan mengalami penurunan tampilan yang berarti misal seperti gambar dari ukuran 1Mb dicompress sampai 250kb maka secara tampilan tidak akan mengalami penurunan berarti kecuali akan terlihat jelas blurnya jika gambar tersebut diperbesar 500%

Cara menggunakan Gzip compression

Gzip compression bisa langsung anda aktifkan melalui .htacces saya anggap anda sudah tau dimana letaknya jika belum tau langsung saja navigasi melalui menu FILE MANAGER atau PENGELOLA FILE. Cari di folder PUBLIC_HTML kemudian cari file .htacccess dan klik EDIT
Masukkan kode di bawah ini untuk mengaktifkan GZIP compression di website anda
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
Jika sudah simpan , sampai disini anda sudah berhasil mengaktifkan gzip compression cukup simple kan ?

Cara menggunakan Gzip compression pengguna apache

Jika metode di atas tidak dapat berfungsi untuk pengguna server apache; maka sebaiknya hapus saja dari file .htaccess dan ganti dengan kode di bawah ini 
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Cara menggunakan Gzip compression pengguna nginx

Untuk pengguna server NGINX perlu menambahkan kode di bawah ini ke file config dari websitenya
gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;

# Disable for IE < 6 because there are some known problems
gzip_disable “MSIE [1-6].(?!.*SV1)”;

# Add a vary header for downstream proxies to avoid sending cached gzipped files to IE6
gzip_vary on;

Cara kerja gzip compression

Cara kerja nya sistem compressi dari gzip akan melakukan penyederhanaan tampilan halaman dan mengcompress element yang bisa diturunkan kualitasnya seperti gambar , video , js css dll sampai 70% dari total ukurang satu halaman penuh jika ukuran nya lebih ringan berarti browser lebih cepat memuat halaman yang di inginkan . Sama seperti pengguna uc news kita bisa mengaktifkan compressi halaman agar lebih hemat bandwidth
File yang dikompresi akan direquest oleh browser; dan server akan mengirimkan file dalam format dikompresi jika browser yang melakukan request mengerti format dari GZIP compression ini. Untungnya semua browser modern sudah mengerti sistem Gzip ini. Jadi tidak ada masalah membuat website anda melakukan pengiriman data dalam format GZIP compression 
Jika anda penasaran apakah metode gzip yang baru aja anda terapkan sudah berhasil atau belum silahkan gunakan alat pengujian dibawah
https://checkgzipcompression.com/
Tutorial ini bukan untuk pengguna blogger

Related Post