Monday, November 02, 2009

Trik Mempercepat Loading Blog




Beberapa cara untuk mempercepat loading blog sbb :
1) Kompres CSS template blognya.
2) Uninstal widget/elemen yang terindikasi memperlama loading blog.
3) Menampilkan 1 artikel saja pada homepage.
4) Kurangi gambar pada artikel.
5) Template blognya dibuat seminimalis mungkin seperti blog ini.

Salah satu cara yang bisa kita lakukan untuk mempercepat sedikit loading blog kita pada homepage adalah pindahkan/hilangkan saja 1 atau 2 atau lebih gadget pada homepage gadget tsb hanya ditampilkan pada halaman lain atau halaman statik misalnya.


Caranya sbb :

1. Login ke blogger.

2. Tata letak > edit html, centang expand template widget. Backup template blog terlebih dahulu ke dalam notepad.








3. Ke homepage dengan new tab.





4. Untuk mengetahui nama html widget yang akan kita pindahkan/hide, sorotlah/mouseover simbol edit berupa tang & obeng seperti pada gambar di atas, contoh saya sorot gadget networked blogs facebook.





Nanti akan muncul di taksbar browser kiri bawah alamat url gadget networked blogs facebook tersebut beserta nama gadget ID-nya seperti widgetid=HTML10.


5. Kembalilah ke halaman edit html. Ctrl F cari nama widgetid=HTML10.

Lalu copas kedua kode ini :

<b:if cond='data:blog.pageType == "item"'>

dan

</b:if>

Lakukan persis seperti contoh di bawah ini.
<b:widget id='HTML10' locked='false' title='' 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 != &quot;&quot;'>
<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>
</b:section>
Simpan Template dan lihatlah hasilnya pada homepage juga halaman lainnya, lihat perbedaannya.

Atau,


Jika ingin menampilkan gadget hanya pada homepage saja.

Caranya sama seperti langkah-langkah di atas tapi pada langkah edit html widget ID-nya.

Copas kedua kode ini :

<b:if cond='data:blog.homepageUrl == data:blog.url'>

dan

</b:if>

Lakukan persis seperti contoh di bawah ini.
<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
Simpan template dan lihatlah hasilnya.




Selamat Mencoba.