Meningkatkan Kecepatan Web dengan Gzip Compression

By Purba Kuncara2 Comments

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://i2.wp.com/img402.imageshack.us/img402/8169/uo53.png?resize=507%2C191

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://i1.wp.com/i.imgur.com/kOK2tNG.png?resize=505%2C183

 

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://i0.wp.com/i.imgur.com/Kq8PUz5.png?resize=455%2C151

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

http://i2.wp.com/i.imgur.com/UTi0V2i.png?w=640

 

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!

Telah dibaca :29086
Blog

2 Comments to “Meningkatkan Kecepatan Web dengan Gzip Compression”

  1. Sarnuji says:

    ijin peraktek yah mas 😀

    [Reply]

  2. 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]

Tinggalkan Komentar

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

KLIKHOST (c) 2010 - 2013
%d bloggers like this:




Best view on mozilla firefox