{"id":9274,"date":"2024-03-26T14:47:13","date_gmt":"2024-03-26T07:47:13","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=9274"},"modified":"2024-04-16T08:33:27","modified_gmt":"2024-04-16T01:33:27","slug":"gzip-compression","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/gzip-compression\/","title":{"rendered":"Apa Itu Gzip Compression dan Cara Settingnya di WordPress"},"content":{"rendered":"\n

Salah satu cara untuk mempercepat akses ke website adalah dengan mengkompresi file websitenya, sehingga lebih ringan saat diakses dan menghemat bandwidth. Salah satu metode kompresi yang dapat dilakukan adalah dengan mengaktifkan Gzip Compression.<\/p>\n\n\n\n\n\n

Dalam artikel ini, kami akan menjelaskan secara detail tentang apa itu Gzip Compression hingga cara mengaktifkannya pada CMS WordPress. Simak informasi berikut ini.<\/p>\n\n\n\n

Apa itu Gzip Compression?<\/h2>\n\n\n\n

Gzip compression adalah metode kompresi data yang bertujuan untuk mengurangi ukuran file pada website. Kompresi dilakukan pada teks, gambar hingga video agar mendapatkan ukuran yang lebih kecil, sehingga lebih cepat diakses melalui internet.<\/p>\n\n\n\n

Gzip compresssion menggunakan algoritma kompresi data yang efisien, dengan cara menghilangkan pola berulang serta redundan dalam teks dan biner.<\/p>\n\n\n\n

Cara kerja Gzip Compression<\/h2>\n\n\n\n

Seperti yang telah kita ketahui bersama, gzip compression berjalan dengan cara mengidentifikasi pola-pola data yang sering muncul dalam file dan menggantinya dengan representasi yang lebih pendek.<\/p>\n\n\n\n

Contohnya, sebuah halaman web memiliki kata-kata yang sering muncul. Kata tersebut dapat dikompresi dengan mengganti menjadi kode yang lebih singkat. Proses kompresi ini membuat file menjadi lebih kecil, tanpa kehilangan informasi yang ingin disampaikan.<\/p>\n\n\n\n

Ketika pengunjung mengakses website yang menggunakan Gzip compression, server akan meresponnya dengan mengirimkan versi terkompresi. Hal ini membuat file yang ditransfer memiliki ukuran yang lebih kecil, sehingga menghasilkan waktu muat atau loading yang lebih cepat.<\/p>\n\n\n\n

Mengaktifkan Gzip Compresssion di WordPress<\/h2>\n\n\n\n

Saat ini, seluruh hosting Rumahweb telah support fitur Gzip compression, dan secara default fitur ini telah diaktifkan. Anda hanya perlu melakukan konfigurasi sesuai kebutuhannya. <\/p>\n\n\n\n

Di CMS WordPress, ada 2 cara untuk mengaktifkan Gzip Compression<\/em> ini, yaitu dengan menambahkan script pada file .htaccess atau menggunakan plugin tambahan. Dalam artikel ini, Kami akan menjelaskan dua cara tersebut yang dapat Anda pilih sesuai kebutuhan.<\/p>\n\n\n\n

1. Melalui .htaccess<\/h3>\n\n\n\n

Anda bisa menambahkan script berikut ini kedalam file .htaccess :<\/p>\n\n\n\n

<IfModule mod_deflate.c>\n  # Compress HTML, CSS, JavaScript, Text, XML and fonts\n  AddOutputFilterByType DEFLATE application\/javascript\n  AddOutputFilterByType DEFLATE application\/rss+xml\n  AddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\n  AddOutputFilterByType DEFLATE application\/x-font\n  AddOutputFilterByType DEFLATE application\/x-font-opentype\n  AddOutputFilterByType DEFLATE application\/x-font-otf\n  AddOutputFilterByType DEFLATE application\/x-font-truetype\n  AddOutputFilterByType DEFLATE application\/x-font-ttf\n  AddOutputFilterByType DEFLATE application\/x-javascript\n  AddOutputFilterByType DEFLATE application\/xhtml+xml\n  AddOutputFilterByType DEFLATE application\/xml\n  AddOutputFilterByType DEFLATE font\/opentype\n  AddOutputFilterByType DEFLATE font\/otf\n  AddOutputFilterByType DEFLATE font\/ttf\n  AddOutputFilterByType DEFLATE image\/svg+xml\n  AddOutputFilterByType DEFLATE image\/x-icon\n  AddOutputFilterByType DEFLATE text\/css\n  AddOutputFilterByType DEFLATE text\/html\n  AddOutputFilterByType DEFLATE text\/javascript\n  AddOutputFilterByType DEFLATE text\/plain\n  AddOutputFilterByType DEFLATE text\/xml\n\n  # Remove browser bugs (only needed for really old browsers)\n  BrowserMatch ^Mozilla\/4 gzip-only-text\/html\n  BrowserMatch ^Mozilla\/4\\.0[678] no-gzip\n  BrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\n  Header append Vary User-Agent\n<\/IfModule><\/code><\/pre>\n\n\n\n
Caranya mudah, Anda tinggal copy paste script diatas kedalam file .htaccess, dan taruh dipaling bawah.<\/p>\n\n\n\n
2. Dengan Plugins<\/h3>\n\n\n\n
Ada beberapa plugin yang bisa Anda gunakan, untuk mengaktifkan Gzip Compression, seperti WP Super Cache, W3 Total Cache hingga WP Rocket (premium version).<\/p>\n\n\n\n
Anda bisa memilih salah satu diantaranya. Instalasi Plugin bisa Anda pelajari pada link berikut : Install Plugins<\/a><\/p>\n\n\n\n
WP Super Cache<\/h4>\n\n\n\n
Pada plugin WP Super Cache, Anda bisa mengaktifkan compress file ini melalui Menu setting > WP Super Cache > lalu centang Compress Pages.<\/p>\n\n\n\n
\"WP<\/a><\/figure>\n\n\n\n
Sedangkan di W3 Total Cache, Anda bisa setting melalui menu setting > Browser Cache > Centang di enable HTTP Compression.<\/p>\n\n\n\n
\"W3<\/a><\/figure>\n\n\n\n
WP Rockets<\/h4>\n\n\n\n
Ketika Anda menginstall plugin WP Rocket, secara otomatis plugin ini akan mengaktifkan fitur Gzip Compression dengan cara menambahkan script pada file .htaccess yang Anda gunakan. <\/p>\n\n\n\n
Berikut adalah contoh file Gzip compresssion yang digunakan oleh WP rockets. <\/p>\n\n\n\n
# Gzip compression\n<IfModule mod_deflate.c>\n# Active compression\nSetOutputFilter DEFLATE\n# Force deflate for mangled headers\n<IfModule mod_setenvif.c>\n<IfModule mod_headers.c>\nSetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\\s*,?\\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding\nRequestHeader append Accept-Encoding \"gzip,deflate\" env=HAVE_Accept-Encoding\n# Don\u2019t compress images and other uncompressible content\nSetEnvIfNoCase Request_URI \\\n\\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary\n<\/IfModule>\n<\/IfModule>\n# Compress all output labeled with one of the following MIME-types\n<IfModule mod_filter.c>\nAddOutputFilterByType DEFLATE application\/atom+xml \\\n\t\t                          application\/javascript \\\n\t\t                          application\/json \\\n\t\t                          application\/rss+xml \\\n\t\t                          application\/vnd.ms-fontobject \\\n\t\t                          application\/x-font-ttf \\\n\t\t                          application\/xhtml+xml \\\n\t\t                          application\/xml \\\n\t\t                          font\/opentype \\\n\t\t                          image\/svg+xml \\\n\t\t                          image\/x-icon \\\n\t\t                          text\/css \\\n\t\t                          text\/html \\\n\t\t                          text\/plain \\\n\t\t                          text\/x-component \\\n\t\t                          text\/xml\n<\/IfModule>\n<IfModule mod_headers.c>\nHeader append Vary: Accept-Encoding\n<\/IfModule>\n<\/IfModule>\n<IfModule mod_mime.c>\nAddType text\/html .html_gzip\nAddEncoding gzip .html_gzip\n<\/IfModule>\n<IfModule mod_setenvif.c>\nSetEnvIfNoCase Request_URI \\.html_gzip$ no-gzip\n<\/IfModule><\/code><\/pre>\n\n\n\n
Sampai tahap ini, enable Gzip compression telah selesai. Selanjutnya, Anda bisa melakukan testing melalui website Gzip Compression checker<\/a> untuk melihat hasilnya.<\/p>\n\n\n\n
Demikian panduan mengaktifkan Gzip Compression<\/u>, semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
Salah satu cara untuk mempercepat akses ke website adalah dengan mengkompresi file websitenya, sehingga lebih ringan saat diakses dan menghemat bandwidth. Salah satu metode kompresi yang dapat dilakukan adalah dengan mengaktifkan Gzip Compression. Dalam artikel ini, kami akan menjelaskan secara detail tentang apa itu Gzip Compression hingga cara mengaktifkannya pada CMS WordPress. Simak informasi berikut […]<\/p>\n","protected":false},"author":329,"featured_media":9278,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[688,689,14],"class_list":{"0":"post-9274","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-artikel-tutorial","8":"tag-gzip","9":"tag-gzip-compression","10":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2018\/06\/Gzip-Compressing-Process-Rumahweb.jpg","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-2pA","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/9274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/329"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=9274"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/9274\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/9278"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=9274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=9274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=9274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}