Mempercepat website dengan Gzip Compression

GZIP COMPRESSION TIPS MEMPERCEPAT WEBSITE LEMOT

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