Seperti yang kita tahu bahwa meningkatkan user experience ketika mengakses web / blog kita adalah sangat penting. Semakin kecil ukuran sebuah web (maksudnya adalah ukuran keseluruhan komponen di dalamnya, bukan ukuran layarnya), maka akan semakin cepat pula aksesnya.

Untuk memperkecil ukuran web, Anda perlu mengaktifkan gzip compression di server Anda. Intinya, web server Anda akan mengkompres konten web Anda sebelum dikirim ke pengunjung. Browser pengunjung kemudian akan mendekompres dan menampilkan konten asli ke pengunjung secara cepat.

Gzip compression juga mempunyai score yang bagus di Google PageSpeed and Yahoo YSlow. Jadi, pastikan Anda mengaktifkan gzip di hosting web Anda untuk meraih hasil tertinggi di kedua platform speed test di atas.

 

Cara mengecek apakah web Anda sudah ter-gzip atau belum

Silahkan buka http://www.whatsmyip.org/http-compression-test/, lalu masukkan alamat web Anda.

http://img402.imageshack.us/img402/8169/uo53.png

Pada contoh di atas adalah contoh salah satu blog saya yang masih belum saya aktifkan gzip nya.

Dan jika sudah aktif gzipnya, maka akan seperti ini tampilannya :

http://i.imgur.com/kOK2tNG.png

 

Cara mengaktifkan gzip

Jika Anda pengguna shared hosting dengan cPanel, Anda tidak perlu melakukan konfigurasi terhadap apache web server. Umumnya shared hosting sudah mengaktifkan gzip compression pada servernya, tetapi mungkin Anda harus mengaktifkannya secara manual di cPanel.

Berikut ini cara termudah untuk mengaktifkan gzip compression di cPanel Anda :

1. Login ke cPanel Anda

2. Klik Menu “Optimize Website

http://i.imgur.com/Kq8PUz5.png

3. Pilih “Compress all content” lalu klik “Update Settings” .. Selesai.

http://i.imgur.com/UTi0V2i.png

 

Anda bisa melakukan tes performa web Anda di YSlow maupun Page Speed. Anda akan menemukan score pada “Enable gzip compression”(Page Speed) / “Compress components with gzip”(YSlow) yang meningkat.

Note : Jika Anda menggunakan VPS Hosting maupun dedicated hosting yang Anda kelola sendiri, silahkan ikuti tutorial “Cara mengaktifkan Gzip Compression di WHM“.

Selamat mencoba!

Sharing is caring!

author

Menjadi CTO klikhost sejak 2010

  1. author

    Jefry Dewangga2 years ago

    Memang dengan mengaktifkan gzip compression dapat meningkatkan kecepatan web/blog kita secara signifikan. ^_^ Ini cantumkan kode gzip compression yang saya ambil dari HTML5 Boilerplate.
    <IfModule mod_deflate.c>

    <IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
    SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
    RequestHeader append Accept-Encoding “gzip,deflate” env=HAVE_Accept-Encoding
    </IfModule>
    </IfModule>

    <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE “application/atom+xml” \
    “application/javascript” \
    “application/json” \
    “application/ld+json” \
    “application/manifest+json” \
    “application/rdf+xml” \
    “application/rss+xml” \
    “application/schema+json” \
    “application/vnd.geo+json” \
    “application/vnd.ms-fontobject” \
    “application/x-font-ttf” \
    “application/x-javascript” \
    “application/x-web-app-manifest+json” \
    “application/xhtml+xml” \
    “application/xml” \
    “font/eot” \
    “font/opentype” \
    “image/bmp” \
    “image/svg+xml” \
    “image/vnd.microsoft.icon” \
    “image/x-icon” \
    “text/cache-manifest” \
    “text/css” \
    “text/html” \
    “text/javascript” \
    “text/plain” \
    “text/vcard” \
    “text/vnd.rim.location.xloc” \
    “text/vtt” \
    “text/x-component” \
    “text/x-cross-domain-policy” \
    “text/xml”

    </IfModule>

    <IfModule mod_mime.c>
    AddEncoding gzip svgz
    </IfModule>

    </IfModule>

    [Reply]

  2. author

    Sarnuji2 years ago

    ijin peraktek yah mas 😀

    [Reply]

Leave a reply "Meningkatkan Kecepatan Web dengan Gzip Compression"

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

Rating*