Post Game

Cara Membuat Blog Tampil Cepat Fast Loading

Tips optimisasi gambar, foto, atau image di posting agar blog menjadi ringan dan tampil cepat.


BUATLAH Blog Anda Tampil Cepat (Fast Loading)! Demikian dikatakan Google dalam salah satu panduan blogging: Make your blog load faster!

Itulah sebabnya template blog fast loading, ringan, simple, menjadi favorit dan populer. Para blogger juga disarankan tidak terlalu banyak memasang "aksesoris" (widget) di blog. Pemasangan flash, slider, slideshow, jam, statistik kunjungan, dan sejenisnya TIDAK DISARANKAN karena hanya akan membuat berat atau memperlambat loading blog.

Salah satu faktor yang memperlambat tampilan blog adalah gambar, foto, atau image berukuran besar. Gambar yang tidak upload sendiri, seperti menggunakan "From URL", juga membuat loading makin lambat. Setidaknya menurut GT Metrix.

Berikut ini salah satu cara untuk menjadikan blog tampil cepat (fast loading), yaitu soal Optimisasi Gambar. Ini kata Google:


Makin banyak gambar, video, dan multimedia lain di blog Anda akan semakin lama pula loading blog Anda. Namun, di sisi lain, gambar dan multimedia penting untuk menarik perhatian pengunjung.

Karenanya, sangat penting untuk mengoptimisasi gambar dan media. Berikut ini beberapa tips untuk meningkatkan kecepatan loading gambar di blog:

1. Kecilkan ukuran gambar atau gunakan thumbnail yang nge-link ke gambar ukuran sebenarnya.
2. Jika Anda menggunakan image dari pihak ketiga, pertimbangkan untuk mengunggahnya lebih dulu ke Picasa Web Album via Blogger post editor.
3. Jika Anda ingin menampilkan gambar yang banyak, Anda bisa upload semua gambarnya ke Picasa Web Album dan buatlah tautan ke album di posting atau sidebar.

Go to link Download

CARA MEMBUAT RECENT POST PER LABEL FAST LOADING

Cara membuat recent post per label fast loading - Selamat malam sobat Darmanto semua,apa kabar dan semoga sedang dalam keadaan sehat dan tetap semangat dalam ber blogging ria sampai menghasilkan.Jangan putus asa kalau blog yang sudah dibuat masih sepi pengunjung atau masih belum ada hasil seperti yang diharapkan.

Malam ini saya akan berbagi tutorial blog tentang Cara membuat recent post per label fast loading.Fast loading saya tambahkan buat judul karena dalam membuat recent post per label ada juga yang mengunakan dengan RSS FEED,namun dalam pengamatan saya recent post model itu agak berat loadingnya,dan pada tutorial lain waktu insyaAllah akan saya posting juga panduannya.

Pada tutorial yang dulu pernah saya publish membuat recent post yang menarik dengan tumbnail,namun recent post tersebut untuk keseluruhan artikel,jadi bagi yang ingin membuat recent post hanya per label dan loadingnya juga cepat,berikut ini tutorialnya.

1.Login ke blogger
2.Pilih tata letak-html
3.Coy dan paste kode di bawah ini:

<script src="http://bloggergubug.googlecode.com/files/recentpost.js" type="text/javascript"></script><script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.ismayayuli.com/feeds/posts/default/-/Artikel%20Kesehatan?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts" type="text/javascript"></script>

4.Ganti tulisan yang saya beri warna merah dengan alamat blog anda,ganti juga tulisan yang berwarna biru dengan label post yang ingin ditampilkan.
5.Save dan lihat hasilnya.

Silahkan di coba dan bila ada kesulitan dalam mempraktekkan tutorial blog Cara Membuat Recent Post Per Label Fast Loading,silahakn ajukan saja pertanyaannya pada kolom komen dibawah.

Go to link Download

Cara Membuat Template Blog Fast Loading

Cara Membuat Template Blog Fast Loading - halo sobat kali ini saya akan mengasih tau beberapa tips dan trick rahasia agar template atau blogspot anda fast loading atau menjadi lebih ringan dan super cepat al-hasil blog anda akan menjadi visitor seo friendly .





Berikut cara Membuat Template Blogger anda Fast Loading :

1. Sobat Harus Kurangi penggunaan Javascript dari source luar
2. Kurangi penggunaan CSS dari source luar
3. Kurangi penggunaan Gambar (Compress)
4. Prioritaskan konten yang terlihat

Kalau sobat cukup bingun dengan cara yang di atas . pakai cara yang ini aja gan :

1. Langkah Pertama Matikan CSS Reset

Ubah <b:skin><![CDATA[ sampai ]]></b:skin> menjadi &lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

2. Langkah Kedua Kemudian sobat letakkan CSS anda di
<style type=text/css>
CSS ANDA DISINI
</style>

3 .Langkah Yang Terakhir  Matikan Javascript Widget
Ubah </body> menjadi &lt;!--</body>--&gt;&lt;/body&gt;

Go to link Download