Apa itu compression?
Kompresi memungkinkan web server Anda untuk memberikan ukuran file yang lebih kecil yang akan memuat lebih cepat bagi pengguna Anda. Kompresi fil HTML dan CSS anda dengan gzip biasanya menghemat sekitar 50% hingga 70% ukuran file itu. Ini berarti bahwa yang dibutuhkan sedikit waktu untuk memuat halaman Anda dan kurang bandwidth yang digunakan lebih sedikit dari sekali.
Bagaimana Kompresi bekerja di web?
Ketika permintaan dibuat oleh browser untuk halaman dari situs Anda webserver Anda mengembalikan lebih kecil file yang dikompresi jika browser menunjukkan bahwa ia mengerti kompresi. Semua browser modern memahami dan menerima file terkompresi.
Bagaimana mengaktifkan kompresi Gzip ?
- Kompresi diaktifkan melalui konfigurasi web server server web yang berbeda telah instruksi yang berbeda (dijelaskan di bawah)
- Web server yang berbeda akan memiliki perbedaan juga dalam instruksi (keterangan dibawah).
Disini cara-cara yang umum untuk mengaktifkan kompresi termasuk: .htaccess, Nginx, dan Litespeed webmaster.
Mengaktifkan Compress via .htaccess
Bagi kebanyakanorang membaca ini, kompresindiaktifkan dengan menambahkan beberapa kode untuk sebuah file yang bernama .htaccess di web host/server mereka. Ini berarti pergi ke file manager ( atau di manapun Anda pergi untuk menambahkan atau meng-upload file) pada hosting Anda. File mhtaccess mengontril banyak hal penting untuknsitus. Jika anda tidak akarab dengan file ini.anda bisa baca " Apa yang dimaksud file-htaccess?". Kode di bawah bisa di tambahkan ke .htaccess.
<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>
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>
Simpan file .htaccess dan kemudian refresh homepage Anda. Untuk melihatbapakah kompresi Anda berhasil gunakan alat Gzip compression tool.
Mengaktifkan kompresi pada Apache webserver.
Instruksi dan kode dibawah ini akan bekerja di Apache, jika mereka tidak bekerja, ada cara lain untuk membuatnya bekerja. Seandainya kode di bawah tampaknya tidak juag bekerja, hapus saja dari file .htaccess Anda dan coba dengan yang 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
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
Mengaktifkan kompresi pada NGINX webserver. Anda akan membutuhkan kodw di bawah denagn menambahkan ke file config 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;
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 ideal untuk mengaktifkan kompresi di Litespeed adalah melakukannya melalui konfigurasi di bawah "tala". Hanya pergi ke "mengaktifkan kompresi" dan memeriksa untuk melihat apakah itu ada, jika tidak klik "edit" kemudian memilih untuk menyalakannya. Sementara Anda berada di sana, melihat selama beberapa pilihan Gzip yang berada di dekatnya.
Testing kompresi
Testing kompresi
Untuk melihat kompres gzip bekerja atau tidak gunakan alat gzip compression tool.
Pertimbangkan juga untuk mengetes kecepatan fengan page speed tool yang akan menguji kompresi dan faktor-faktor lain.
0 komentar:
Untuk Melanjutkan Membaca Silahkan Lengkapi Form Ini