Minify HTML, Javascript dan CSS tanpa Plugin
Melengkapi postingan saya sebelumnya Cara Membuat Page Navigation tanpa Plugin, kali ini saya akan mengulas tentang cara memperkecil file html, inline javascript dan CSS tanpa plugin. Masih berkaitan dengan optimasi dan peningkatan performa wordpress, selain kita dapat meminimalisir http request atau menyatukan image dalam CSS Sprite yang pernah saya tulis sebelumnya, pengurangan plugin juga memiliki pengaruh yang cukup signifikan.
Minify html, inline javascript dan CSS pada dasarnya adalah memperkecil output file-file tersebut sehingga lebih cepat didownload dan ditampilkan pada browser. Implementasinya pada file-file itu sendiri pada dasarnya sederhana dengan menghilangkan white space, argument atau comment yang ada pada html, javascript ataupun CSS tersebut. Fungsi minify ini sendiri sebetulnya ada pada plugin WP-Minify atau jika sobat menggunakan plugin WP Total Cache, sobat juga dapat mengaktifkan fitur minify ini. Namun sekarang kita dapat memanfaatkan fungsi minify yang sama tanpa plugin dan caranyapun sangat sangat sangat mudah sekali banget! 
Cukup hanya dengan satu langkah yaitu: Copy Script pada link ini View Code, tambahkan pada file function.php di directory tema yang digunakan dan… selesai deh! Dengan menambahkan fungsi minify ini, kini source file html, inline javascript dan css sudah dikompress sehingga ukurannyapun menjadi lebih kecil. Lumayan’kan untuk semakin meminimalisir filesize dan mempercepat loading blog kita. Untuk melihat apakah Minify tanpa plugin ini berhasil, silahkan view source blog sobat dan scroll sampai akhir. Pada ujung halaman akan tertulis:
<!–HTML udah dikompress, lumayan tuh berkurang …%. Tadinya …bytes, sekarang cuma … bytes–>.
Nah segitu saja, benar-benar mudah bukan? Silahkan dicoba dan mulailah mengurangi plugin untuk meningkatkan performa blog sobat. Coba juga Membuat Page Navigation dan Related Post atau artikel berkaitan tanpa menggunakan plugin. OK deh.., mudah-mudahan bermanfaat dan Happy Blogging!
Terima Kasih untuk tidak Copy Paste tanpa izin dan menghindari praktek Plagiasi.
luar biasa banget tutorial masbro ini. saya bookmarked dulu ya. dari dulu memang saya mencari cara untuk menggantikan wp-minify karena meski berguna toh penggunaan plugin malah menambah http request juga. makasih banyak masbro!
[Reply]
simpan di bagian paling bawah function.php gak apa ? soalnya blank HTML
[Reply]
Oke dicoba dl mas, makasih infonya
[Reply]
Ok sama2. Met mencoba…
[Reply]
Itu ditaruh di function.php tepatnya diletakkan di mana ya mas?
[Reply]
Di mana aja bisa sob, asal jangan di luar functions.php aja
Tapi simpan kodenya yg rapih, jangan ada line yang gak kepakai khususnya line akhir.
[Reply]