Cara mempercepat loading blog Ala Ponja

Posted by : Amin Patria Senin, 26 September 2011

Ada-ada saja pertanyaannya yang seperti ini yaa " ..Bagaimana caranya mempercepat Loading BLog kita tapi tanpa menghilangkan Widget yang ada di Blog kita ??! ".. Naaah LooH... Bingung kagak sob.. Wwkwkwkwk ;-)

...Memang ada beberapa widget atau Elemen blog yang sangat mempengaruhi kecepatan Loading Blog saat pembaca atau blogger lain membuka blog kita.. ini membuat mereka menjadi kesal jengkel karena terlalu lama menunggu blog kita terbuka sempurna...

Cara Lain yang saya ketahui dilakukan oleh beberapa sobat blogger untuk mempercepat Loading Blognya adalah sbb ;

- Ada yang pakai cara KOmpreS CSS template blognya
- Ada yang dengan berat hati meng-uninstal widget/elemen blognya
- Ada yang dengan cara hanya menampilkan 1 postingan pada Halaman Depan Blognya
- Ada juga yang seirit mungkin menampilkan Gambar pada setiap Postingan Artikelnya
- Ada lagi yang dengan cara Template blognya dibuat sesimple mungkin
- Ada2 Aja.. dst-lah kekekek :-D

.. Dan sebenarnya yang punya Blog itu sudah mengetahui kalo blognya memang berat sewaktu di browsing.. pasti ada sobat blogger yang mengeluh soal blognya yang loadingnya berat... ( termasuk blog saya ini juga berat kalo sedang Loading.. jiakakakak ) ..

Tapi... !!! ..Beberapa Blogger ada yang tidak mau menghilangkan widget atau elemen blog yang memberatkan itu.. dengan alasan widget atau elemen blog tersebut memang sangat berguna untuk blognya.. seperti widget Live Traffic Feed feedjit atau widget Tautan Postingan LinkWithin..

... Jadi kita ambil jalan tengahnya saja yaa.... Mungkin inilah salah satu cara yang bisa kita lakukan untuk mempercepat sedikit loading blog kita pada Halaman Utama :

Kita pindahkan/Hilangkan saja beberapa (1 atau 2 atau lebih ) Widget/Elemen blog yang tidak begitu penting di tampilkan pada halaman depan Blog.. Kita tampilkan saja widget/Elemen itu pada Halaman sebelumnya (Halaman Postingan Artikel Lawas).. Paham ya !!!

Trik ini sudah saya praktekin sendiri di blog ecaknyo ini.. coba kamu kLik Postingan Artikel saya yg Lawas/Lama pasti berbeda tampilannya dengan Halaman Depan/Utama blog ini..

Langsung saja Sob.. simak caranya sbb ;

1. Loginlah ke Blogger.. lalu pada halaman Dasbor..

2. Pada bagian Tata Letak pilihlah Edit HTML (centang Expand template widget jika diperlukan) dengan New Tab / New Window.. tapi sebelumnya Backup-lah terlebih dahulu kode scripts template blog kamu di Notepad.. nanti tinggal kamu Copas saja untuk mengembalikan seperti kondisi awal apa yang sudah kamu ubah..

Pada bagian Edit HTML inilah kita akan sedikit mengoprek.. karena disinilah kita akan mengetahui widget id (elemen) yang kita instal di blog yang akan tampil widget id dengan nama seperti misalnya HTML1 atau HTML22.. "Tapi bagaimana kita tahu itu widget id yang tepat yang akan kita oprek karena hanya berupa nama HTML1 atau 22 bukannya bernama judul widget seperti widget Statistik atau widget FeedBurner.. ??? ".. Tenanglah dulu sobat.. ikuti saja dan pahami langkah-langkah yang saya terapkan ini..

3. Pilihlah Lihat Blog dengan New Tab / New Window...

4. Untuk mengetahui Nama HTML widget yang akan kita hilangkan Sorotlah (mouse over) simbol edit berupa tang & obeng seperti pada gambar di atas..Sebagai contoh saya sorot widget Networked Blogs FaceBook..

maka akan muncul di taksbar browser kiri bawah alamat url widget Networked Blogs FaceBook tersebut beserta Nama Widget id-nya.. yaitu seperti iniwidgetid=HTML10

5. Kembalilah ke Halaman Edit HTML karena kita sudah mengetahui Widget id dengan nama HTML-nya... dan Carilah 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"'>

<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>
</b:section>

Jika sudah lalu kLik Simpan TempLate.. Lihatlah pada Halaman Depan dan Halaman Sebelumnya (Atau kLik Postingan Artikel Lawas/sebelumnya pada Blog kamu ) dan Bandingkan.. Hasilnya widget tersebut hanya akan tampil pada halaman sebelumnya bukan pada halaman depan blog kamu.. dan ini membuat loading browsing halaman depan blog kamu sedikit lebih cepat..ULANGI langkah-langkah diatas untuk widget/elemen lainnya..

ATAU sebaliknya..

Jika kamu ingin menampilkan widget/elemen tersebut hanya pada Halaman Depan Blog saja.. jadi pada saat kamu melihat Halaman Lawas/Postingan Sebelumnya widget/elemen tersebut tidak akan tampil... Paham yaa.. !!!

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'>

<b:if cond='data:title != ""'>
<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>

Jika sudah lalu kLik Simpan TempLate.. Lihatlah pada Halaman Depan dan Halaman Sebelumnya (Atau kLik Postingan Artikel Lawas/sebelumnya pada Blog kamu ) dan Bandingkan.. Hasilnya widget tersebut hanya akan tampil pada halaman Depan saja bukan pada halaman sebelumnya/postingan lawas blog kamu.. ULANGI langkah ini untuk widget/elemen lainnya..

Note : Bisa kamu OPREK2 sesukamu.. mana yang menurutmu yang lebih baik bagi blog kamu.. okay sob..