Gzip Compression Pada Web/Blog

Short URL

Mengenai performa web/blog pastinya tak lepas dari kecepatan load awal halaman dari sebuah web/blog saat diakses. Metode Gzip Compression bekerja dengan konsep mengkompresi ukuran halaman web/blog sebelum digunakan browser. Pada saat sebuah browser merequest alamat website, server akan merespon hasil request tersebut dan mengembalikan informasi (tampilan web) ke browser tersebut. Berikut gambar sederhana yang saya buat

Gzip Compression | PAIDJO.COM

Gzip Compression | PAIDJO.COM

untuk penerapan metode gzip compress ini saya terapkan pada web PAIDJO.COM dilakukan dengan menambahkan pada .htaccess

# compress text, html, javascript, css, xml:
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
AddType x-font/otf .otf
AddType x-font/ttf .ttf
AddType x-font/eot .eot
AddType x-font/woff .woff
AddType image/x-icon .ico
AddType image/png .png

berikut hasil sebelum dan sesudah dilakukan gzip compression

Sebelum Compression

Sebelum GZIP Compression | PAIDJO.COM

Sebelum GZIP Compression | PAIDJO.COM

Sesudah Compression

 

Sesudah GZIP Compression | PAIDJO.COM

Sesudah GZIP Compression | PAIDJO.COM

Silahkan Anda bandingkan dari gambar diatas, pada bagian size dan time loadnya benar-benar berbeda jauh setelah dilakukan compression.

untuk testing web/blog silahkan http://l-u.in/8i548

Share and Enjoy

2 Thoughts on “Gzip Compression Pada Web/Blog

  1. Pengkompresan pada web atau pun blog sangat penting. Terima kasih bisa diterapkan ni.

  2. paidjo on 1 May 2014 at 09:14 said:

    Betul sekali mas, memang beda setelah dilakukan pengompresan, akses web lebih ringan…
    Semoga dapat bermanfaat :thumbup

Leave a Reply

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

*


9 + = 15

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[+] kaskus emoticons

Post Navigation