Info Blog 97. Compress kode-kode CSS, HTML, dan JavaScript pada sebuah template blog biasanya direkomendasikan oleh GT Metrix atau situs penguji kecepatan tampilan blog lainnya semacam Google PageSpeed Insight. Tujuannya adalah agar ukuran file menjadi lebih kecil sehingga menjadi ringan dan dapat mempercepat loading blog secara keseluruhan.
Dari ketiga kelompok kode yang terdapat pada sebuah template blog tersebut, kode JavaScript (JS) yang seharusnya paling utama untuk dikompress. Secara faktual, kode JS inilah yang paling potensial mempengaruhi loads time tampilan blog kita bahkan dapat mengakibatkan blokir render. Maka, utamakan meng-compress JS ketimbang HTML & CSS.
Dari ketiga kelompok kode yang terdapat pada sebuah template blog tersebut, kode JavaScript (JS) yang seharusnya paling utama untuk dikompress. Secara faktual, kode JS inilah yang paling potensial mempengaruhi loads time tampilan blog kita bahkan dapat mengakibatkan blokir render. Maka, utamakan meng-compress JS ketimbang HTML & CSS.
Berikut ini rincian posisi kode-kode yang harus di compress :
1. Compress Java Script
Kode JavaScript di template blog ada di antara kode <head> dan </head>, khususnya di atas kode </head>
<head>
Kode Java Script di Sini
</head>
<script type='text/javascript'>
Kode Java Script di Sini
</script>
Kita bisa gunakan situs-situs berikut ini untuk kompres JS:
- www.htmlcompressor.com/
- www.javascriptcompressor.com/
- www.jscompress.com/
2. Compress CSS
Kode CSS pada template blogger ada di antara kode <b:skin> dan </b:skin> dan/atau antara kode <style type='text/css'> dan </style>
<b:skin><![CDATA[
Kode CSS di Sini
]]></b:skin>
atau
<style type='text/css'>
Kode CSS di Sini
</style>
Untuk mengkompressnya, kita bisa menggunakan Tools Online seperti:
- www.htmlcompressor.com/
- www.csscompressor.com/
- www.minifycss/css-compressor/
- www.cssdrive.com/index.php/main/csscompressor
3. Compress HTML
Kode-kode HTML di template blog ada di antara kode <body> dan </body>
<body>
Kode HTML di Sini
</body>
Kita bisa gunakan situs-situs berikut ini untuk kompres kode HTML
- www.htmlcompressor.com/
- www.digitalcoding.com/tools/compress-html.html
- www.textfixer.com/html/compress-html-compression.php
SARAN :
Kompres Kode HTML, CSS, dan Javascript template blog "tidak dianjurkan" untuk blogger pemula karena khawatir jika terjadi error akan menjadi bingung untuk mengatasinya. Namun bilamana anda tetap ingin melakukannya, sebaiknya anda backup template lama anda terlebih dahulu, agar bilamana terjadi kerusakan, maka anda dapat me-restorenya kembali.
Bagi blogger newbie, gunakan saja template blog yang sudah Fast Loading dan SEO Friendly (banyak tersebar di Internet, mulai dari yang gratis sampai yang premium). Test dulu blog demonya di GT Metrix, Google PageSpeed Insight dan Chkme.
Kompress HTML & CSS juga tidak dianjurkan bagi para blogger yang masih ingin memodifikasi atau setting kode-kode di dalam template blognya, karena hasil kompres tersebut pasti akan menyulitkan anda untuk menemukan kode-kode yang masih harus diganti atau dimodif lebih lanjut.
Lakukan proses compress ini secara bertahap, bagian per bagian sambil terus anda pantau perubahan-perubahan yang terjadi pada tampilan blog anda, hal ini penting dilakukan agar bila terjadi kerusakan anda akan dengan mudah memperbaikinya.
1 komentar:
Jadi untuk mempercepat loading blog, langkah pertamanya adalah melakukan compress kode CSS, HTML dan Javascript. Trims ....
BalasSilahkan meninggalkan komentar yang sesuai dengan artikel di atas, komentar anda sangat berguna bagi perkembangan blog ini di masa-masa mendatang.
Mohon jangan melakukan spam, atau promosi produk atau apapun yang tergolong hal-hal negatif
Mohon maaf bilamana terjadi keterlambatan balasan komentar.