Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten

Ad 468 X 60

Sunday, December 28, 2014

10 Tips Penting Untuk Mempercepat Waktu Loading Blog Anda

waktu-loading-blog
Hampir setiap blogger pemula gagal ketika berusaha untuk mengurangi waktu loading blognya. Sebagian besar tutorial yang tersedia untuk mengurangi waktu yang dibutuhkan untuk memuat semua halaman blog sering tidak jelas dan kurang lengkap. Kami memutuskan untuk berbagi cara untuk memecahkan masalah ini. Di bawah ini adalah 10 tips yang benar-benar menarik dan penting untuk mempercepat waktu loading blog Anda hingga 90%.

1. Link Semua Gambar dalam Template Anda Langsung dari Blogger
Saya akan berbagi tips penting besok tentang menciptakan Backup Gambar di Blogger dan kemudian menghubungkan semua gambar dari sana. Sebagian besar dari Anda menggunakan template yang tidak resmi disediakan oleh blogger. Template ini sering mengandung gambar yang disimpan pada layanan seperti TinyPic atau Photobucket. Ketika blog Anda memuat, browser harus terhubung ke semua server yang menghubungkan ke gambar Anda, akibatnya akan menyebabkan keterlambatan besar dalam waktu loading blog Anda. Apa yang harus Anda lakukan adalah mengganti semua gambar tersebut dengan gambar yang telah disimpan di dalam blogger. Keuntungan dari hal tersebut akan menjadikan browser hanya menghubungkan ke Blogger saja saat memuat gambar Anda, sehingga akan menghemat waktu.

2. Simpan Semua Gambar dengan Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "PortableNetwork Graphics". Kedua format ini juga dikompresi lebih kecil dalam ukuran dan luas didukung oleh semua browser. Tapi ukuran kompresi PNG lebih baik daripada GIF. Dalam kasus sekitar 5-25%. Menggunakan format gambar ini sangat mengurangi waktu loading blog Anda sebesar 60% yaitu 70-90 kb. Namun ukurannya juga tergantung jumlah gambar yang Anda gunakan.

3. Berikan Dimensi yang tepat Untuk Gambar
Mengatur lebar dan tinggi pada setiap gambar tertentu akan memudahkan browser untuk memuat gambar dengan cepat.Kurangilah ukuran gambar jika ukuran aslinya lebih besar. General kode HTML untuk gambar akan terlihat seperti ini:

<img width=”” height=”” src=”URL Of Image” />

Lebar dan tinggi akan memerlukan nilai dalam pixel. Satu pixel sama dengan titik di layar. Sebuah ukuran gambar penuh di blog saya akan memiliki lebar sekitar "550px" dan tingginya dapat saya buat sesuai keinginan. 550px hampir sama dengan lebar posting saya. Browser merasa lebih mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan Anda membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar Anda.

4. Jangan Gunakan Sebuah Gambar Sebagai Background
Jika Anda menggunakan gambar sebagai background maka saya sarankan untuk menghapusnya. Sebuah gambar latar belakang berulang secara horizontal dan vertikal dan menghabiskan 50% waktu loading blog Anda menjadi semakin lambat. Dengan menghapusnya silahkan lihat perbedaannya. Untuk menghapus gambar latar belakang hanya dengan menemukan kode CSS di dalam template Anda. (Ini terletak di bagian atas blog Anda. Cukup mencari body)


body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);
width: 980px;
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }

Kode ini akan terlihat berbeda dalam template Anda, tetapi Anda hanya harus melihat teks yang bercetak tebal saja. Cukup hapus URL (http://xyz.com/blabla.jpg) dan menyimpan template Anda. berikan warna sederhana untuk latar belakang blog Anda. #7AA1C3 mengacu pada Background Color. Anda dapat mengubahnya dengan menggunakan Hexadecimal Color Chart milik saya

5. Simpan Semua JavaScript Dalam Blogger
Mengapa Anda harus menghubungkan ke situs eksternal untuk menyimpan JavaScript Anda sementara Anda dapat dengan mudah menyimpannya di Blogger! Simpan semua kode JavaScript Anda di dalam template Anda tepat di atas kode </head>, lihat contoh di bawah ini:

<script type='text/javascript'>
//<![CDATA[
Paste Your JavaScript Code Here
//]]>
</script>

Untuk menemukan URL JavaScript yang terhubung ke situs eksternal, carilah <script type = 'text / javascript'> dalam template Anda (Periksa 'expand widget templates' kotak di pojok kanan atas). setelah Anda menemukan link seperti itu, buka link tersebut di browser. Anda akan melihat potongan besar teks yang kompleks di jendela dan itu adalah kode JavaScript Anda. Cukup copy paste kode di atas bersama. Ganti semua kode JavaScript dalam template Anda dengan kode di atas dan pastikan bahwa Anda telah mengekstrak kode dari link dan disisipkan dalam kode above.above </ head> menggunakan kode di atas.

6. Jagalah Kualitas Script Template Blogger Anda tetap Baik
Kesalahan utama yang sering dilakukan adalah mengupload template yang menarik bagi mereka. Kebanyakan template blogger yang tidak resmi yang tersedia di blogosphere sering dibuat oleh orang-orang yang tidak menyadari penggunaan HTML dan JavaScript yang tepat. Script template yang tidak tepat, tag yang kosong dan tidak diperlukan, serta JavaScript yang rusak sering membuat spider kesulitan menjelajah isi weblog Anda. Browser juga akan memakan waktu yang lama untuk membaca script yang rusak. Jadi, gunakanlah template yang memiliki script yang baik.

7. Batasi Penggunaan Iklan
Jika Anda melakukan blogging hanya untuk mendapatkan keuntungan dengan memasang potongan iklan yang besar dan banyak maka keputusan Anda kurang tepat. Jangan membuat blog sebagai pasar ikan. Tampilkan saja beberapa iklan penting dan tempatkanlah di posisi yang tepat dalam blog Anda. Melakukan ini akan menjaga interface blog Anda tetap bersih dan mudah untuk dijelajahi oleh browser. batasilah iklan Anda maksimal 3 sudah cukup karena penggunaan javaScript yang berlebihan dapat memperlambat loading blog Anda.

8. Jangan Gunakan Widget dari Blog Directories yang Menggunakan Gambar
Saya melihat baru-baru ini yang banyak dikunjungi adalah widget yang disediakan oleh blogcatalog dan mybloglog. Widget ini menggunakan JavaScript yang menghubungkan ke situs lain dan menggunakan gambar sehingga akan menambah waktu buka blog Anda. Saya menggunakan meta tag yang diberikan oleh mereka bukan menggunakan widget mereka. Hal ini membantu dalam mengurangi waktu yang dibutuhkan untuk memuat seluruh halaman saya. Jika Anda benar-benar ingin menggunakan widget ini silahkan tampilkan beberapa gambar saja.

9. Tampilkan Hanya Empat atau Lima Postingan di Halaman
jangan tampilkan lebih dari 4-5 postingan di Homepage. Melakukan hal ini akan membuat pembaca Anda sibuk membaca postingan yang berbeda dan mereka juga akan menemukan hal menarik untuk melihat seberapa cepat beban Homepage.

10. Menghilangkan Link Eksternal
Jangan gunakan widget yang berasal dari situs eksternal selain blogger. Singkirkan counter stats dan gunakan Google Analytics. Jangan menyimpan gambar pada layanan lain tetapi gunakanlah blogger. Simpan semua JavaScript dalam blogger seperti dibahas di atas. Jangan menambahkan link dari direktori blog, mereka tidak membawa lalu lintas dengan pengecualian blogcatalog dan mybloglog.
Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang.

21 comments:

  1. tentu sangat membantu untuk pengunjung yang berkoneksi inet kurang bagus :) thak's gan infonya

    ReplyDelete
  2. mkasih tipsnya mas
    artikelnya sangat membantu

    ReplyDelete
  3. Kalau blog perbedaan ane loadingnya cepet karena tidak memakai aksesoris apa-apa mas.. hehe..

    ReplyDelete
  4. untuk yg nomor 1, pada kalimat "mengganti semua gambar tersebut dengan gambar yang telah disimpan di dalam blogger" gimana caranya tuh gan? saya bingung mau praktekin soalnya saya pake photobucket di blog saya www.info-pju.com n www.street-lighting.net

    ReplyDelete
  5. Thank Gan Tipsnya sangat membantu

    http://jamutradisionalmujarab.com/
    http://obatjellygamatgoldg.net/
    http://jellygamatgoldgpro.com/
    http://jellygamat-gold.net/

    ReplyDelete
  6. terimakasih tipsnya sangat membantu :)

    ReplyDelete
  7. Terimkasih gan Tipsnya
    Ijin coba di blog ane

    ReplyDelete
  8. terimakasih banyak sob tutorialnya sangat membantu

    ReplyDelete
  9. terlalu banyak memasang widget tentunya akan membuat loading blog kita berat ya mas ? , trims sharingnya

    ReplyDelete
  10. jadi begono ya caranya,,,,, haduh widegt ternyata memperberat blog juga,,, buang aja ah yang ga perlu

    ReplyDelete

  11. kunjungi juga web kami
    http://goo.gl/atnOyO

    ReplyDelete
  12. TFl

    Situs Resmi Taruhan Bola Terbesar di Indonesia
    Www.idrbola.com
    Login lewat hp di m.idrbola.com
    = PROMO MEMBER BARU =
    Menang di Bayar Penuh & kalah Uang kembali 100%
    Maksimal Cash Back ( Uang Kembali ) Rp. 50.000
    Syarat Untuk ikut promo sebelum deposit Hubungin Cs dengan Kode "Segera Hadir HoyaPoker.Com cashback 100%"
    Komisi Taruhan bola 2 kali lipat = 0.5%
    Minimal Taruhan hanya Rp. 10.000
    Minimal Deposit Withdraw hanya Rp. 50.000
    Gabung Sekarang dan Raih Kemenangan anda bersama kami.

    ReplyDelete
  13. Tutorial ini bagus untuk memaksimalkan usaha-usaha mempercepat proses loading sebuah blog dalam rangka memperbanyak jumlah kunjungan

    ReplyDelete
  14. The posts that I’ve been waiting for from fro to seek social bookmarking and met in this blog,
    obat aborsi ampuh
    obat aborsi alami
    jual obat aborsi
    obat aborsi

    ReplyDelete
  15. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts
    penghilang tato

    ReplyDelete

Terimakasih telah berkenan mengunjungi dan meninggalkan komentar di blog ini. Tanggapan Anda selalu kami hargai.