Thursday, June 13, 2013

Optimasi Widget Mengatasi Loading Blog

Dalam mengoptimalkan blog kita bisa mengatasi beratnya loading blog, sehingga blog kita bisa ringan dan loading cepat. Terkadang kita dipusingkan dengan banyaknya widget yang terpasang atau kita menginginkan hanya widget tertentu yang tampil di halaman tertentu. Sebelum membahas optimasi widget, kita bahas dulu yang menyebabkan blog kita loadingnya berat. Berikut beberapa penyebab loading blog berat:

1. Terlalu banyak widget yang terpasang

Ini biasanya terjadi pada blogger yang baru mengenal blog, sehingga banyak widget yang dipasang untuk mempercantik blog, contoh: widget musik, widget geo visitor, widget video dll

2. Template Blog

Yang terpenting dalam loading blog adalah jenis template yang digunakannya. Memang template yang keren itu tidak simple, sehingga banyak desainer template yang membuat template yang keren namun ringan dan tentunya itu tidak gratis. Ada juga template yang gratis namun tidak se-keren template berbayar. Para blogger biasa menyebutnya template SEO Friendly.

Berikut widget yang perlu dipasang di blog:

  1. Widget populars post
  2. Widget Kotak pencarian
  3. Widget Recent post
  4. Widget Followers

untuk widget archive saya rasa tidak perlu, karena bisa di ganti dengan sitemap atau daftar isi. Sobat bisa membaca pstingan saya Cara Memasang Daftar Isi Sitemap.

Berikut Optimasi Widget Mengatasi Loading Blog:

Sebenarnya cara ini hanya memberikan fungsi conditional tags pada widget tersebut untuk memberikan perintah agar suatu elemen ditampilkan pada bagian atau halaman tertentu saja dan menyembunyikan pada halaman tertentu.

Mencari ID widget

Sebelum memberi conditional tags kita harus tahu ID widget yang akan di berikan conditional tags
Masuk ke blogger.com >> layout atau tata letak >> klik edit pada widget yang akan di beri conditional tags.

Optimasi Widget

Bisa dilihat pada anak panah id widgetnya adalah HTML5. Setelah itu masuk ke Template >> Edit HTML >> klik Jump to Widget lalu pilih HTML5. Bisa lihat gambar

Optimasi Widget
Optimasi Widget


Lalu masukkan kode dibawah ini sesuai dimana widget akan ditampilkan, penempatannya setelah <b:includable id='main'> dan penutupnya </b:includable>.

Cara menampikan widget hanya di Halaman utama/indeks (Homepage)

<b:widget id='HTML5' locked='false' title='' 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 != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>
</b:includable>
  </b:widget>

Cara menampilkan widget hanya di Halaman Posting

<b:widget id='HTML5' 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:if>
</b:includable>
  </b:widget>

Cara menampilkan widget hanya di Halaman Statis

<b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
  <!-- 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:includable>
  </b:widget>

Cara menampilkan widget hanya di Halaman Archive

<b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
  <!-- 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:includable>
  </b:widget>

Cara menampilkan widget hanya berdasarkan alamat URL

<b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan alamat URL Halaman di sini"'>
  <!-- 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:includable>
  </b:widget>

Cara menampilkan widget pada halaman index

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

</b:if>

Simpan template setelah menambahkan tag conditionalnya, hanya gunakan salah satu atau beberapa saja.
Jika ingin melakukan cara ini pada widget lain, lakukan mulai dari atas.

Dengan menambahkan conditional tags pada widget, kita bisa mengatur munculnya widget pada halaman tertentu saja. Sehingga tidak semua widget muncul pada satu halaman langsung, dan bisa untuk mengoptimalkan loading blog sehingga loading blog jadi ringan. Semoga artikel Optimasi Widget Mengatasi Loading Blog bisa bermanfaat untuk sobat blogger yang sedang mengalami loading blog yang berat dan bisa menambah wawasan pembaca. Terima kasih  :)

Related Posts

Optimasi Widget Mengatasi Loading Blog
4/ 5
Oleh