Menu

  • Home
  • Latest
  • Trending
  • Tools
  • FORUM
  • Activity
  • Members
  • Announcement
  • Need help?

Categories

  • Android (19)
  • Apps (42)
  • Blogger (23)
  • Computer (11)
  • Cryptocurrency (2)
  • Culinary (1)
  • Download (30)
  • Entertainment (1)
  • Event (17)
  • Game (3)
  • Internet (26)
  • Laptop (75)
  • News (5)
  • OS (17)
  • Peripheral (25)
  • Personal (259)
  • Publisher (3)
  • Review (23)
  • Smartphone (62)
  • Social Media (12)
  • Tablet (1)
  • Technology (167)
  • Tips (87)
  • Travel (5)
  • Tutorial (144)
  • Unboxing (18)
  • Video (55)
  • Web (29)
  • Windows (7)
  • Wordpress (21)
  • YouTube (29)

Tags

Advertise Android Android 4 KitKat Android 9 Pie ASUS Blog Coding Competition CSS ExpertBook Firmware Game Mobile Google Google Play Store Hardware HTML IndiHome Laptop Bisnis Laptop Gaming Plugins Press Release Republic of Gamers ROG Phone Root Smartphone Gaming Spesifikasi dan Harga Technology Troubleshooting Update Upgrade VivoBook VPN WhatsApp Widget Youtube Zenbook Zenfone Zenfone 3 Zenfone 3 Max Zenfone 4 Zenfone 5 Zenfone 6 Zenfone Max Zenfone Max Pro M1 Zenfone Zoom S
XKOMODOTCOM - Sharing is Caring
No Result
View All Result
  • Account
XKOMODOTCOM
XKOMODOTCOM - Sharing is Caring
Home Web

Cara Mengaktifkan Gzip Compression

Febri Tri Harmoko by Febri Tri Harmoko
3 years ago
in Web, Tutorial, Wordpress
0
1
1
SHARES
501
VIEWS
ShareTweet

Beberapa hari ini saya sedang berusaha untuk mengoptimalkan kecepatan website saya, banyak cara yang sudah saya lakukan agar website / blog menjadi lebih ringan dan juga memiliki loading web yang cepat saat diakses oleh pengunjung (visitor).

Mulai dari melakukan resize dan kompres gambar (jpg/png/gif), minify js dan css, lalu menambahkan lazyload script dan menambahkan Gzip Compression. Mungkin nanti akan saya buat artikel yang membahas bagaimana caranya mempercepat loading website dan juga artikel untuk mengoptimalkan website agar cepat terindeks oleh mesin pencarian google.

RelatedPosts

Cara Instal Twitter Lite di HP (Android/iOS)

Solusi Twitter Error Tidak Dapat Memperbarui Tweet

Cara Setting Google Analytics 4 Terbaru untuk Website (Blogger/WordPress)

Untuk saat ini, saya sedang ingin membahas masalah Gzip Compression yang sering sekali timbul dan menjadi permasalahan para blogger saat mereka melakukan audit (analisa) website menggunakan GTmetrix atau PageSpeed Insights.

Cara mengaktifkan Gzip Compression

Untuk mengaktifkan Gzip Compression, kita bisa melakukannya dengan beberapa cara. Menambahkan script Enable Gzip Compression melalui .htaccess ataupun langsung melalui webserver (apache/nginx/litespeed).

Silahkan simak baik-baik tutorial Cara Mengaktifkan Gzip Compression pada website (wordpress) yang akan saya jelaskan di artikel ini.

1. Mengaktifkan Gzip Compression Melalui .htaccess

Buka file .htaccess yang ada pada website kamu lalu tambahkan script berikut:

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.*

2. Mengaktifkan Gzip Compression di Apache

Akses lokasi web configuration pada apache web server kamu, lalu tambahkan script berikut:

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

Lokasi web configuration tiap website dan provider (penyedia layanan) berbeda-beda sesuai dengan standard installation yang mereka gunakan.

Tapi biasanya web config tersimpan pada lokasi (direktori) /etc/httpd/conf dan /etc/httpd/conf.d, sedangkan untuk website biasanya berada pada /var/www.

3. Mengaktifkan Gzip Compression di Nginx

Akses web config atau nginx.conf pada server nginx, lalu tambahkan script berikut:

	# gzip compression
	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;

4. Mengaktifkan Compression di Litespeed Webservers

Kalau web server kamu menggunakan Litespeed, kamu bisa aktifkan compression menggunakan “tuning“, biasanya ada pilihan untuk menonaktifkan ataupun mengaktifkannya (enable compression) pada halaman konfigurasi Litespeed, jika tidak. Kamu bisa mengaktifkannya dengan cara pilih opsi “ON“, nanti akan muncul beberapa pilihan (opsi) Gzip Compression pada configurasi Litespeed website kamu.

Bagaimana caranya mengetahui Gzip Compression sudah aktif atau belum?

Kamu bisa melakukan check secara otomatis menggunakan tools seperti GTmetrix, PageSpeed Insights atau bisa juga melalui web ini https://varvy.com/tools/gzip/.

Berikut perbandingan skor GTmetrix sebelum Enable Gzip Compression dan sesudah mengaktifkan Gzip Compression.

  • Belum Mengaktifkan Gzip Compression
    Belum mengaktifkan Gzip Compression
  • Sudah Mengaktifkan Gzip Compression
    Sudah Mengaktifkan Gzip Compression

Selain menggunakan tools Gzip Compression checker, kamu juga bisa melakukan test secara manual menggunakan browser seperti google chrome, mozilla firefox, opera dan lain-lain.

Berikut cara cek manual Gzip Compression menggunakan browser:

  • Aktifkan Development Tool (F12) pada website atau halaman yang ingin di uji coba.
  • Pilih menu Network.
  • Tambahkan Content-Encoding pada tab result.
  • Checklist use large request row.
  • Pada filter pilih JS (script).
  • Selanjutnya refresh halaman (F5).

Setelah kamu mengikuti panduan di atas, maka kamu akan melihat penampakan hasilnya seperti gambar di bawah ini:

Cek Manual Gzip Compression Menggunakan Browser

Jika Gzip Compression sudah diaktifkan maka pada Content-Encoding akan terlihat format file menjadi Gzip, itu artinya file pada website berhasil di compress menjadi Gzip. Lihat bagian size ada perbedaan size pada file yang telah berhasil dikompresi menggunakan Gzip Compression dengan ukuran file aslinya.

Saya rasa pembahasan tentang Gzip Compression sudah cukup jelas dan mudah dipahami, nantikan artikel tentang cara pengoptimalan website (wordpress) selanjutnya dari saya, selamat mencoba dan semoga bermanfaat.

FAQ

Apa itu Gzip Compression?

gzip adalah format file dan aplikasi perangkat lunak yang digunakan untuk kompresi dan dekompresi file. Program ini dibuat oleh Jean-loup Gailly dan Mark Adler sebagai pengganti perangkat lunak gratis untuk program kompres yang digunakan dalam sistem Unix awal dan dimaksudkan untuk digunakan oleh GNU (sumber: Wikipedia).

Sederhananya, Gzip adalah sebuah cara (method) untuk melakukan penggabungan dan kompresi pada sebuah file agar menjadi lebih kecil dari ukuran aslinya. Kompresi file dilakukan biasanya dengan tujuan untuk mempercepat transfer jaringan. Gzip juga merupakan sebuah format file (.gzip).

Apa manfaat menggunakan Gzip Compression pada website / blog?

Manfaat utamanya adalah untuk mempercepat loading website dan meringankan beban kerja server karena load data menjadi lebih kecil serta menambah poin untuk meningkatkan peringkat website di mesin pencarian google (google search).

Serta memberikan hasil yang bagus (menambah skor) pada website audit / website Analyze Performance seperti GTmetrix dan juga PageSpeed Insights.

Apakah ada dampak negatif (buruk) jika kita mengaktifkan Gzip Compression?

Sejauh saya menggunakan website dengan self-hosting dan juga virtual private server sejak tahun 2014. Saya selalu mengaktifkan fitur Gzip Compression tapi belum menemukan masalah ataupun dampak negatif yang bisa mengganggu ataupun merusak website saya.

Apakah mengaktifkan Gzip Compression itu susah?

Tentu tidak, untuk mengaktifkan Gzip Compression pada website caranya cukup mudah. Tinggal copy-paste saja script yang saya bagikan di artikel ini ke server (hosting) website kamu lalu simpan, maka Gzip Compression akan secara otomatis aktif 100% tanpa ada masalah.

Tidak perlu mahir programming (coding) atau lulus jurusan IT untuk bisa mengaktifkan Gzip Compression pada website / blog.

Apakah bisa mengaktifkan Gzip Compression di blogspot.com atau wordpress.com?

Untuk mengaktifkan Gzip Compression diperlukan akses ke hosting / server. Jika kamu tidak memiliki akses ke sana maka jawabanya tidak bisa.

Bagaimana cara kerja Gzip Compression?

Gzip Compression ini bekerja dengan cara menggabungkan beberapa file menjadi satu dengan format .gzip. Cara kerjanya sama dengan beberapa file seperti .zip, .tar, .rar dan lain-lain.

Akan tetapi Gzip tidak hanya melakukan penggambungan file saja melainkan mengompres file menjadi lebih kecil dari ukuran aslinya.

Tags: Coding
ShareTweet
Previous Post

Tips Summon Heroes SSR di Goddess of Genesis

Next Post

Where to Get SNES ROMs

Febri Tri Harmoko

Febri Tri Harmoko

Just content creator

Related Posts

Cara Instal Twitter Lite di HP Android dan iOS
Tutorial

Cara Instal Twitter Lite di HP (Android/iOS)

July 18, 2023
71
Solusi Twitter Error Tidak Dapat Memperbarui Tweet
Social Media

Solusi Twitter Error Tidak Dapat Memperbarui Tweet

July 17, 2023
329
Cara Setting Google Analytics 4 untuk Blogger dan WordPress
Tutorial

Cara Setting Google Analytics 4 Terbaru untuk Website (Blogger/WordPress)

June 25, 2023
86
Cara Aktifkan LIVE TikTok Tanpa 1000 Followers
Tutorial

Cara Aktifkan LIVE TikTok Tanpa 1000 Followers

June 19, 2023
61
Solusi Cara Mengatasi WhatsApp Tidak Bisa Menyimpan Nomor Kontak Baru di HP
Apps

Cara Mengatasi WhatsApp Tidak Bisa Menyimpan Nomor Baru di HP

June 11, 2023
121
YouTube Downloader
Tutorial

Cara Download Video YouTube

June 10, 2023
6.7k

Comments 1

  1. Aang Irawan says:
    7 months ago

    sangat sangat membantu dalam mengoptimasi website saya.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended Product

Banner ASUS Online Store - Diskon 500K
Promo Hosting Murah di Jagoan Hosting

Recommended Videos

For You
Rekomendasi Aplikasi Download Video YouTube di HP Android Tanpa Iklan Gratis

Aplikasi Download Video YouTube Terbaik di HP Android Gratis Tanpa Iklan

9 VIEWS
September 21, 2023
Cara Instal Twitter Lite di HP Android dan iOS

Cara Instal Twitter Lite di HP (Android/iOS)

71 VIEWS
July 18, 2023
Solusi Twitter Error Tidak Dapat Memperbarui Tweet

Solusi Twitter Error Tidak Dapat Memperbarui Tweet

329 VIEWS
July 17, 2023
Show More

© 2023 XKOMODOTCOM

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Sitemap
  • Terms & Conditions
  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Sitemap
  • Terms & Conditions

© 2023 XKOMODOTCOM

No Result
View All Result
  • Account
XKOMODOTCOM
  • MENU
  • Home
  • Latest
  • Trending
  • Tools
  • FORUM
  • Members
  • Announcement
  • Need help?
  • CATEGORIES
  • Cryptocurrency
  • Download
  • Event
  • Internet
    • Social Media
  • Personal
    • Culinary
    • Travel
  • Publisher
  • Review
  • Technology
    • Apps
    • Computer
    • Game
    • Laptop
    • OS
      • Android
      • Windows
    • Peripheral
    • Smartphone
  • Tips
  • Tutorial
  • Unboxing
  • Web
    • Blogger
    • WordPress

© 2023 XKOMODOTCOM

Link Start!

Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist