Mengatur Kode CSS Dan JavaScript Untuk Mempercepat Loading Blog

Banyak cara untuk mempercepat loading blog. Pada postingan saya sebelumnya tentang mempercepat loading blog dengan menggunakan eksternal link kode CSS, sekarang bagaimana mempercepat loading blog dengan mengatur tampilan kode CSS dan JavaScript. Sebelumnya, saya berharap sobat membaca postingan jenis dan fungsi kode untuk mengatur tampilan widget blog karena berkaitan dengan postingan ini.

Secara umum, susunan kode template blog seperti berikut :

<b:skin><![CDATA[/*

CSS code

]]></b:skin>

</head>

Kode HTML

</body>
</html>


Untuk mempercantik blog, kemudian ditambahkan widget baru. Saya contohkan misalnya sobat ingin menambahkan widget Feature Content image slideshow.

Biasanya kode Feature Content tersebut terdiri dari 2 kode yaitu kode CSS dan kode JavaScript.
Untuk kode CSS, penempatan kodenya diatas kode

]]></b:skin>

dan untuk kode JavaScript biasanya ditempatkan di bawah kode

]]></b:skin> alias diatas kode

</head>


Struktur kode HTML untuk Feature Content biasanya seperti berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='feature-content'>
<b:section class='feature' id='feature' preferred='yes'>
<b:widget id='HTML30' locked='false' title='Feature Content='HTML'/>
</b:section>
</div>
</b:if>

* Perhatikan yang berwarna merah
* Saya menggunakan kode <b:if cond='data:blog.pageType != &quot;item&quot;'> sebagai contoh salah satu kode untuk menampilkan widget blog hanya pada main post dan label post saja. Beberapa widget Feature Content yang saya temui di template2 modifikasi menggunakan kode <b:if cond='data:blog.pageType == &quot;index&quot;'>. Untuk jenis dan fungsi kode yang lain bisa diliat pada postingan saya yang ini


Widget Feature Content sendiri biasanya hanya muncul pada main post dan label post saja dan akan hilang pada single post tetapi jika sobat melihat dari View Page Source (pada single post) kode CSS dan JavaScript Feature Content tersebut masih akan terlihat dan ini akan dianggap sebagai kode yang tetap ada didalam template blog. Bukankah itu akan mempengaruhi berat dan loading blog?? Terlebih lagi jika kode CSS dan JavaScript (terutama kode JavaScript) Feature Content tersebut besar.

Untuk mengakalinya, sobat bisa menggunakan trik sederhana ini.

1. Kode CSS.
Seperti yang saya tulis diatas, kode CSS Feature Content biasanya diletakkan diatas kode

]]></b:skin>

Sekarang, pindahkan kode tersebut menjadi dibawah kode

]]></b:skin>

dengan susunan kode seperti berikut :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Kode CSS Feature Content disini

</b:if>
</style>

2. Kode JavaScript
Untuk kode JavaScript, tambahkan kode yang berwarna merah pada kode JavaScript tersebut sehingga susunannya akan seperti berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script src='URL-JAVASCRIPT-CODE' type='text/javascript'/>
</b:if>

Save.

Sekarang sobat baca salah satu postingan sobat (single post) dan liat dari View Page Source. Kode CSS dan JavaScript untuk Feature Content tidak akan terbaca dan itu berarti mengurangi berat blog yang tentunya juga berpengaruh pada loading blog sobat.


Note :
- Perhatikan yang berwarna merah.
- Penggunaan kode <b:if cond='data:blog.pageType != &quot;item&quot;'> antara kode CSS, kode JavaScript dan untuk kode HTML harus sama.


Cara ini juga bisa digunakan untuk kode Auto Readmore. Auto Readmore biasanya juga hanya tampil pada main post dan label post saja. Jadi, tinggal tambahkan kode yang berwarna merah dibawah ini sehingga menjadi menjadi

<b:if cond='data:blog.pageType != &quot;item&quot;'>

Kode Auto Readmore

</b:if>


Untuk widget yang lain pun juga bisa. Yang penting dalam penggunaan cara ini adalah tau jenis dan fungsi kode untuk mengatur tampilan widget blog. Disamping itu juga, ada kode ato widget blog yang tadinya muncul tapi kemudian menghilang atau dari menghilang, kemudian baru muncul.

Semoga bermanfaat.

Lebih Dari Sekedar Menikmati Musik Berkualitas

Beberapa hari kemarin entah kenapa saya merasa kangen sama video klip beberapa musisi yang saya suka seperti Bondan feat Fade2Black, Padi, Funky Kopral (formasi lama - album 1 dan 2 dan album kolaborasi dengan Setiawan Djodi). Ada sesuatu yang membuat saya suka dengan mereka. Menikmati karya2 mereka, lebih dari sekedar menikmati musik. Saya sendiri bukan penganut satu aliran musik walopun (sampai saat ini) lebih condong ke musik2 aliran alternatif ato rock. Musik buat saya adalah warna. Jika lagu tersebut cocok dengan kuping saya, saya juga suka entah itu lagu dari aliran rock, pop, rap, bahkan dangdut.

1. Bondan Prakoso feat Fade2Black

Ketika Bondan pergi dari Funky Kopral, saya sangat sedih. Saya merasa band tersebut kehilangan jiwanya.

Selang beberapa tahun setelah pergi, Bondan kembali bersama Fade2Black. Awalnya saya merasa sama seperti band/musisi yang lain tapi lama2 saya menemukan sesuatu didalamnya. Warna musik dan juga kekuatan lirik yang penuh makna membuat saya ngefans ma band ini (baca Bondan)

2. Padi

Band ini saya suka selain dari segi musiknya terutama juga pada segi liriknya yang dalam dan penuh makna. Disamping itu juga, walopun lagu cinta tapi bukan cinta yang cengeng, apalagi rayuan gombal.

(lagu cinta yang cengeng dan rayuan gombal itu yang gimana reng..??)

Susah saya untuk neranginnya, hehehehe..

3. Funky Kopral (formasi lama)

Ketika band ini muncul, saya langsung suka. Warna musik yang beda dibandingkan band lain pada waktu itu membuat saya jatuh cinta tepi 1 persatu personilnya mulai pada keluar. Sedih banget rasanya.


Kembali ke awal.

Kebanyakan video klip yang saya cari dan liat di yuotube adalah video klip album pertama dan ke 2. Padi dengan lagu2nya seperti Begitu Indah, Mahadewi, dll. Funky Kopral dengan Funchopat, Bagian Yang Hilang dan Drop Dead Down

(saya cari di youtube video klip dengan judul Cassanova ga da, hikss.. ada yang tau gak ya?? kasih tau dunk...)

Kalo untuk Bondan feat Fade2Black sendiri gak terlalu saya utamakan karena saya kangennya ma video klip yang lama, hehehehe.. Semua itu mengingatkan kembali ke masa SMA saya dulu, hehehehe...

Sampe lupa. Video klip band lain yang saya cari adalah Sheila On 7 (album 1 dan 2 juga). Untuk Sheila On 7 sendiri saya lebih cenderung ke perjuangan mereka terutama untuk mengangkat band/musisi dari Jogja.