Minify HTML

Minify HTML: Tutorial Page Speed mempercepat loading blog

Kita lanjut lagi yah cara mempercepat loading blog sekaligus menghemat bandwith hostingan dengan Tutorial Page Speed ini. Sebelumnya saya paparkan bagaimana cara setting plugin super cache dan DB Cahche Reloaded serta cara melakukan optimize image untuk membuat loading blog lebih cepat.

Kini kita pake plugin wp lagi untuk mempercepat loading blog dengan melakukan minify HTML, yang merupakan salah satu kriteria yang akan dianalisa addon Page Speed. Minify HTML artinya meminimalkan jumlah size file html blog kita jika sudah ter-publish di browser dengan menghilangkan space (spasi) kode HTML halaman blog yang tidak berguna. Coba kamu lihat gambar berikut ini:

Minify HTML

Saya menggunakan plugin WP-HTML-Compression untuk melakukan minify HTML. Cara kerja plugin ini dengan menghilangkan spasi kode HTML suatu halaman blog yang tidak berguna seperti yang terlihat pada gambar page source di atas. Saya sudah test dengan WordPress 3.0 versi terbaru dengan theme WP default terbaru juga (Twenty Ten), hasilnya 100% bekerja.

Kenapa plugin WP-HTML-Compression bisa mempercepat loading blog? Dengan mekanisme kerja melakukan kompresi sekian persen terhadap size halaman blog yang nantinya akan tersimpan pula di cache folder, secara otomatis file yang sebelumnya berukuran lebih besar kini tereduksi menjadi lebih kecil sehingga lebih memudahkan load halaman blog tersebut. Kamu bisa lihat hasil reduksi file size-nya di bagian bawah page source code halaman blog setelah kamu menginstall plugin ini. Silahkan install dan aktifkan pluginnya kemudian lakukan analyze performance lewat addon Page Speed. Selamat mencoba sob! :)

Download Plugin WP-HTML-Compression
wordpress.org/extend/plugins/wp-html-compression/

Please Note:

  • Plugin ini sebelumnya saya test untuk theme default WP versi sebelumnya (2.9.3), dan berhasil. Kemungkinan ada theme wp yang tidak bisa bekerja dengan plugin ini. Saran saya sih test dulu theme kamu dengan plugin ini di localhost sebelum mengaplikasikannya. Jika tetap bersi kukuh menggunakan plugin ini, sebaiknya cari theme yang sesuai aja deh sob. :)
  • Plugin lain yang mekanisme kerjanya sama dengan WP-HTML-Compression adalah Plugin minify-html. Plugin ini tidak memberikan data mengenai seberapa besar hasil kompresi yang dilakukannya. Kalo mo coba, silahkan download di www.tomsick.net/projects/wordpress-plugins/minify-html
  • 10 Replies to “Minify HTML: Tutorial Page Speed mempercepat loading blog”

    1. om jev itu yg di source code punya om jev…

      om jev itu yg di source code punya om jev bisa simple gitu pake apa ya om ? pake html minify kah ? trus compatible ga nih om sama w3 cache ?

      oiya slamat taun baru om hehe

      • W3 total cache ada ko fitur untuk minify-nya. Kamu bisa…

        W3 total cache ada ko fitur untuk minify-nya. Kamu bisa aktifkan fitur itu.

    2. kalau di pake buat blogger bisa gak..

      kalau di pake buat blogger bisa gak..

    3. makasih gan infonya sangat bermanfaat… saya coba praktekin dulu soalnya…

      makasih gan infonya sangat bermanfaat… saya coba praktekin dulu soalnya load blog saya kayak siput …

    4. trus bedanya apa om Jev? wp-html-compresion dengan plugin wp-HTTP-compresion, kalo…

      trus bedanya apa om Jev? wp-html-compresion dengan plugin wp-HTTP-compresion, kalo leh tau… :D

      • Fungsinya sama aja, Om lihat masalaha compatible untuk versi wp-nya…

        Fungsinya sama aja, Om lihat masalaha compatible untuk versi wp-nya sama hubungannya dengn plugin lain. Kebetulan wp-html-compresion support sama wp versi baru dan plugin yang kebanyakan Om pake. :)

    5. terus klo yang pake blogger gmana sob?

      terus klo yang pake blogger gmana sob?

      • Keknya blogger agak ribet untuk melakukan minify HTMLnya. Lagian minify…

        Keknya blogger agak ribet untuk melakukan minify HTMLnya. Lagian minify disini untuk performance web sehingga server nggak kedodoran. Server blogger sudah tangguh, jadi nggak perlu optimasi lah :)

    Leave a Reply

    Use tag [php] to add code, e.g. [php]<?php echo $var; ?>[/php]

    *

    *