Mengaktifkan Gzip Compression pada website anda

Bagaimana cara untuk mengaktifkan atau menggunakan Gzip Compression sehingga dapat meningkatkan kecepatan website anda

Pada tutorial ini akan kita bahas bagaimana cara untuk mengaktifkan atau menggunakan fitur Gzip Compression pada web server anda sehingga dapat meningkatkan kecepatan website anda. Terdapat dua cara untuk mengaktifkan Gzip Compression yaitu dengan melakukan konfigurasi pada cpanel atau merubah file .htaccess.

Apa itu Gzip Compression

Gzip adalah metode mengompresi file (memperkecil ukuran file) sehingga transfer data melalui jaringan menjadi lebih cepat dan memuat situs anda hanya dalam beberapa detik. Gzip Compression merupakan metode yang paling populer untuk membuat website anda lebih cepat dengan mengurangi lebih dari 70-90% (klaim dari situs Google Developers) ukuran halaman web/blog anda. Gzip dapat melakukan kompresi jenis file CSS, JavaScript dan HTML. Saat ini sebagian besar website telah menggunakan Gzip Compression. Gzip Compression adalah salah satu parameter penilaian pada Google PageSpeed Insights dan Yahoo YSlow
Ada beberapa manfaat/keuntungan yang didapat dengan mengaktifkan Gzip Compression.

Keuntungan

Cara Kerja Gzip Compression

Gzip sebenarnya adalah ide yang cukup sederhana yang sangat ampuh ketika dimanfaatkan dengan baik. Gzip menempatkan string yang sama dalam file teks dan menggantikan string tersebut sementara untuk membuat keseluruhan ukuran file lebih kecil.

Alasan gzip bekerja dengan baik dalam lingkungan web adalah karena file CSS dan file HTML menggunakan banyak teks yang berulang-ulang dan memiliki banyak spasi. Karena gzip mengkompresi string yang umum, sehingga dapat mengurangi ukuran halaman dan style sheet 70-90%!

Ketika browser mengunjungi webserver maka browser akan memeriksa dan melihat apakah server telah mengaktifkan metode gzip compression selanjutnya barulah meminta halaman web. Jika gzip diaktifkan maka browser akan menerima file gzip yang lebih kecil dan jika gzip tidak diaktifkan maka browser akan menerima file yang jauh lebih besar.

Bagaimana cara mengaktifkan

Pada Web Server Apache

Pastikan module mod_deflate telah aktif pada server anda kemudian sisipkan atau tambahkan script dibawah ini pada file .htaccess anda
[<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 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 \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>]

Untuk anda pengguna Hosting Cpanel anda dapat mengaktifkannya melalui menu yang ada di Cpanel. Berikut adalah cara mengaktifkan Gzip Compression pada Cpanel anda:

1. Login pada halaman Cpanel anda
2. Klik menu "Optimize Website"


2. Pilih Compress all content dan klik Update Settings


Pada Web Server Nginx

Sisipkan atau tambahkan script dibawah ini pada file .htaccess anda
[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;]
Setelah mengaktifkan Gzip Compression anda perlu melakukan pegecekan apakah Gzip Compression sudah aktif atau belum, untuk melakukan pengecekan tersebut silahkan baca artikel saya yang berjudul Tools Online untuk cek Gzip Compression

COMMENTS

Name

Apache,4,Bisnis Online,1,Blog,1,Cpanel,1,CSS,1,Database,1,Framework,1,Hacking,3,HTML,1,HTML and CSS,2,Info,2,Javascript,2,Javascript and AJAX,5,Keamanan Web,1,linux,2,MySQL,3,Networking,1,Open GL,1,Optimasi Website,7,Pemrograman java,1,Pemrograman web,5,PHP,7,phpMyAdmin,1,SEO,4,SQL Injection,3,SQL Server,12,SQLMap,3,Website,1,Xampp,1,
ltr
item
Nanang Gunawan Blog: Mengaktifkan Gzip Compression pada website anda
Mengaktifkan Gzip Compression pada website anda
Bagaimana cara untuk mengaktifkan atau menggunakan Gzip Compression sehingga dapat meningkatkan kecepatan website anda
https://2.bp.blogspot.com/-Cxkr_mg8bSY/WO-Zsr1gQuI/AAAAAAAAAyM/z57RY92rtp4uw7RFDQ0cYQncSIBLn3b7ACLcB/s640/Enable-GZIP-Compression.jpg
https://2.bp.blogspot.com/-Cxkr_mg8bSY/WO-Zsr1gQuI/AAAAAAAAAyM/z57RY92rtp4uw7RFDQ0cYQncSIBLn3b7ACLcB/s72-c/Enable-GZIP-Compression.jpg
Nanang Gunawan Blog
http://www.nananggunawan.com/2017/04/mengaktifkan-gzip-compression-pada.html
http://www.nananggunawan.com/
http://www.nananggunawan.com/
http://www.nananggunawan.com/2017/04/mengaktifkan-gzip-compression-pada.html
true
4195327445586723627
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy