Tips Mempercepat Web dengan Teknik Minify

Tutorial - 04 Sep 2014

Dalam pengembangan web, Minify ialah teknik/cara yang digunakan untuk memperkecil atau meng-kompres ukuran file HTML, CSS dan JS. Tujuannya ialah untuk mempercepat loading sebuah website ketika diakses oleh pengunjung. Dengan teknik minify, penggunaan spasi dan komentar yang tidak diperlukan akan dihapus.

Berikut beberapa langkah untuk mempercepat web dengan teknik minify baik menggunakan tools, plugin WordPress hingga perintah PHP.

Menggunakan Tools

Anda dapat menggunakan tools online untuk meng-kompres perintah CSS dan JS. Diantaranya ialah CSS Compressor, Minify CSS untuk meng-kompres file CSS. Kemudian ada tool JS Compres, Javascript Compressor untuk meng-kompres file JS.

Menggunakan Perintah PHP

Bila Anda membangun web menggunakan PHP, Anda dapat menggunakan perintah berikut untuk meng-kompres setiap tag HTML. Perintahnya :

function minify($buffer){
     $search = array(
         '/\>[^\S ]+/s',
         '/[^\S ]+\</s',
         '/(\s)+/s'
     );
     $replace = array(
         '>',
         '<',
         '\\1'
     );

     if (preg_match("/\<html/i",$buffer) == 1 && preg_match("/\<\/html\>/i",$buffer) == 1) {
     $buffer = preg_replace($search, $replace, $buffer);
     }
   return $buffer;
}

ob_start("minify");

Letakkan perintah diatas dibagian awal ketika akan menulis perintah PHP sehingga fungsi minify dapat berjalan dengan baik.

Menggunakan Plugin WordPress

Apabila website yang dibangun menggunakan WordPress, Anda juga dapat meng-kompres setiap perintah HTML, CSS, dan JS dengan menggunakan plugin W3 Total Cache.

Kesimpulan

Salah satu kriteria web yang baik ialah waktu peng-aksesan web yang cepat. Untuk itu lakukan teknik minify pada perintah HTML, CSS dan JS di setiap web Anda.



  • Gzip dan IMG Optimize gan.

    • Btul gan, gzip dan optimasi gmbar jga mrupakan salah stu dri skian byak cra tuk optimasi kcpatan web.