Artikel ini sebenarnya adalah lanjutan dari meningkatkan performa loading blog yang pernah saya tulis beberapa saat lalu, karena saya pikir ada bebearpa hal lagi yang perlu saya tambahkan agar blog bisa terasa makin cepat dan akhirnya di sukai oleh search engine. Adapun beberapa point yang perlu diperhatikan dalam meningkatakan kecepatan blog adalah :
1. Compres CSS Blog
Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Biasanya letaknya antara <b:skin><![CDATA[/* sampai ]]></b:skin>. Css yang tidak tersusun akan mengurangi kecepatan blog, olehkarenanya kita harus merapihkannya. Kabar baiknya, kita tidak perlu merapihkan manual, ada alat yang memang di desain untuk mengkompresi css menjadi lebih compak dan rapih.
Caranya, anda buka ke blog anda.
- Kemudian edit html lalu cut semua yang ada di <b:skin><![CDATA[/* sampai dengan ]]></b:skin>
- Buka css compressor (http://www.cssdrive.com/index.php/main/csscompressor/), pilih yang light kalau anda masih amatir
- Paste kode css tersebut di sana
- Ambil css yang telah terkompres
- Kembalikan pada template, dari <b:skin><![CDATA[/* sampai dengan ]]></b:skin>
- Save dan lihat hasilnya.
2. Menyembunyikan atau Menampilkan Widget
Anda harus memperhatikan mana widget yang benar-benar di perlukan untuk pengunjung, jadi blog tidak terlalu bayak widget yang nantinya menurunkan kecepatan blog. Kadang kala kita terpaksa menampilkan widget walaupun itu sebenarnya sudah ada (fungsinya jadi double). Misalnya widget recent post atau posting terakhir, terkesan bentrok ketika orang pertama kali membuka hompage karena di homepage pun memang posting terakhir kali yang keluar. Namun recent post itu berfungsi manakala pengunjung dari google langsung datang ke artikel, jadi kita perlu memamerkan hasil postingan terbaru sebagai alat navigasi kepada pengujung. Kalau seperti itu masalahnya, kita bisa menyembunyikan atau menampilkan widget sebagai salah satu cara meningkatkan kecepatan.Hal yang paling utama harus di ketahui dalam menyebunyikan widget ini adalah, anda harus tau html atau letak widget dalam template. Cara paling mudah adalah dengan member nama pada widget kemudian kita CTRL F untuk mencari widget tersebut, biasanya susunanya akan seperti ini :
<b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>Pastikan anda telah memcentang expand widget template pada HTML, kemudian anda perhatikan kode html di atas. Perhatikan yang wana biru, itu adalah patokan dimana anda harus meletakan dan menambahkan kode untuk bisa menyembunyikan widget.
A. Menyembuyikan Widget di Hompage
Menyebuyikan widget di hompage, artinya widget hanya akan tampil pada halaman artikel atau posting saja, sedangkan di hompage ia tidak keluar. Caranya, setelah anda menemukan letaknya, ada tambahkan beberapa kode seperti di bawah ini.<b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>Seperti penjelasan sebelumnya, anda harus meletakan kode yang warna merah pada patokan (warna biru) pada kode tersebut. Jadi tambahan kode yang warna merah setelah atau sebelum patokan (warna biru) tadi. Jadi nantinya sesuai kode di atas, setelah itu anda simpan.
B. Menyembunyikan Widget di Postingan atau Artikel
Dalam menyembunyikan widget di artikel, berarti widget hanya akan tampil pada halaman utama, atau hompage. Caranya, cari kode widgetnya terlebih dahulu kemudian tambahkan kode warna hijau seperti di bawah.<b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Sekali lagi ingat, kode warna biru adalah patokan yang harus anda cari dalam widget yang akan anda sembunyikan. Lalu tambahkan kode warna hijau di atas atau bawah kode patokan seperti yang di jelaskan sebelumnya.
