Meringankan & Mempercepat Loading Blog (Part 4)

Jump to:


DickeyPic

Hosting File Yang Tepat, Pilih Kecepatan Transfer Yang Cepat

Untuk kecepatan load yang maksimal, tentu dibutuhkan server yang cepat pula. Jika kita menggunakan hosting pihak ketiga, pilihlah server hosting yang memeiliki kecapatan transfer tinggi. Berikut ini tips dari saya untuk memilih hosting gratisan :D
Untuk memilih hosting, pilih lah yang terpercaya, yang paling penting unlimited bandwitdh. Kan sayang jika blog kita ramai pengunjung dan bandwitdhnya terbatas, lalu file kita tidak muncul. Untuk menyimpan gambar, gunakan Google Picasa. Storage yang kita dapat adalah 1024 Mb (1 Giga). Dan bandwithnya terbatas, kekurangannya hanya URL yang sangat panjang :(. Semua yang menggunakan Blogger tentu otomatis sudah mempunyai Akun di Picasa, karena semua gambar yang kalian upload lewat Blogger kalian tersimpan di Picasa. Untuk melihat semua gambar kalian yang terupload, kunjungi PicasaWeb.
Untuk hosting javascript, kita bisa memanfaatkan GoogleCode. Meski sebenarnya GoogleCode ini berfungsi untuk sharing project yang kita buat. Tentu bisa diambil orang lain. Atau kalian juga bisa menggunakan hosting gratisan lain seperti FileDen atau menggunakan layanan hosting gratis dari Indonesia. Karena situs luar ada yang memberikan layanan resseller hosting gratis, mungkin banyak kalian jumpai anak-anak Indonesia yang mencoba untuk membuat layanan hosting gratis sendiri. Sayangnya bandwithnya terbatas maksimal sampai 100Gb saja per bulan.
Untuk hosting musik ataupun video, sejauh ini memang agak sulit, mencari hosting untuk jenis file ini. Dulu Dark Ard memanfaatkan facebook untuk hosting video, karena buffering nya lebih cepat. Tetapi sekarang kita tidak dapat mengambil direct link pada facebook lagi. Setelah saya coba-coba, akhirnya saya menemukan alternatifnya :D. Gunakan 4Shared! Caranya, upload file MP3 atau Video kamu di 4Shared. Loh, bukannya kecepatan 4Shared lambat? Yang lambat itu cuman kecepatan download nya saja. Sedangkan kecepatan buffer untuk preview nya sangat cepat. Inilah keunikan 4Shared. Caranya silahkan masuk ke halaman download file kalian sampai muncul media playernya / preview nya, trus ambil URL MP3 atau video kalian dengan IDM, kan ketika kalian mainkan, otomatis IDM mendeteksi file tersebut sehingga muncul kotak dialog Download di pojok kanan atas palyer nya. Nah, kalian klik download, trus pada dialog download, kalian cukup copy URL file downloadnya saja. Dan URL nya siap digunakan. :D. Kekurangannya, nama filenya menjadi "preview" semua :P
Semoga tips diatas dapat membantu.

Buat Halaman Khusus Untuk Bertukar Banner

Link Exchange adalah saling bertukar link dan saling mepromosikan. Salah besar jika kita membuat link exchange pada satu halaman saja. Karena link teman kalian tidak terlihat pengunjung. Itu sih bukan saling mempromosikan. Tapi di sisi lain, jika yang bertukar link sangat banyak, terutama untuk Banner, kalau di letakkan di setiap halaman, tentu blog kita akan menjadi sangat berat. Contohnya liat halaman link exchange milik saya. Apa iya saya akan meletakkan banner sebanyak itu di setiap halaman blog saya? Tidak mungkin kan? jadi link yang saya pasang di setiap halaman adalah link teman-teman yang memasang link saya di setiap halaman juga. Untuk banner buat halaman khusus. Tapi untuk link, letakkan di setiap halaman ^^. Setiddaknya loading blog kita tidak terbebani Banner lagi.

Jangan Letakkan Widget Follower Di Tempat Yang Lebar

Hanya orang konyol yang ingin memamerkan jumlah followers. Apa sih untungnya banyak Followers untuk kita? Saya sangat heran banyak banget yang gila ngemis minta follow. Kalau blog kita bagus dan bermanfaat, tanpa disuruh pun, orang lain akan mencari tombol Follow dan mem-Follow blog kita dengan sendiri. Percuman banyak Follower jika ternyata kita yang memaksa mereka.
Widget Follower pada Blogger, otomatis mengikuti lebar tempatnya. Jika kita letakkan pada sidebar, maka foto foto Followers kita akan muncul mungkin 20 orang. Jika pada footer yang lebar, maka hampir 100 foto Followers akan muncul. Pasti kalian pernah lihat blog semacam itu yang meletakkna widget Followers di footer blog mereka. Sehingga terlihat followersnya sangat banyak. Justru inilah yang menyebabkan loading mereka lambat. Widget Followers tidak menggunakan CSS Sprite, jadi satu foto ya berasal dari satu gambar. Jika 100 foto yang muncul di widget followers, berarti blog kita dipaksa me munculkan 100 direct URL foto tersebut. Me load 100 Gambar? Meski gambarnya kecil dan tidak berat, tetap saja akan menjadi permasalahan pada lalu lintas transfer file. Sebaiknya letakkan widget Followers pada sidebar, atau buat popup link secara manual seperti dibawah ini:
Untuk menggunakan link:
<a href="http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002" title="Join this site / follow" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;">Join This Site</a>
Ganti yang berwarna Orange dengan ID blog kalian.
Ganti yang berwarna Kuning dengan kata-kata kalian sendiri.
Untuk mengetahui ID blog kalian bisa kalian lihat ketika mengedit blog kalian seperti di bawah ini, contohnya pada halaman Rancangan / Design:
DickeyPic
Kalian juga bisa menggunakan tombol ataupun gambar, untuk menggunakan tombol:
<input value="Join This Site" onclick="window.open('http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002', 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');" style="background:black;color:white;border:1px solid red;text-align:center;font-weight:bold;" type="button" />
Ganti yang berwarna Orange dengan ID blog kalian.
Ganti yang berwarna Kuning dengan kata-kata kalian sendiri.
Ganti yang berwarna Biru untuk mengganti warna background tombol.
Ganti yang berwarna Hijauuntuk mengganti warna teks.
ganti yang berwarna Merah untuk memodifikasi border / garis tepi.

Dan ini kode untuk menggunakan Gambar:
<a href="http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002" title="Join this site / follow" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="URL-GAMBAR-DISINI" alt="Join this site" style="vertical-align:center;border:0px;cursor:pointer;" /></a>
Ganti yang berwarna Orange dengan ID blog kalian.
Ganti yang berwarna Kuning dengan URL gambar kalian sendiri.

Gunakan http pada URL gambar Picasa

Ini adalah suatu hal yang belum diketahui oleh para Blogger. Apa kalian menyadari jika URL gambar pada Picasa menggunakan https? bukan http. "s" disini berarti secure, atau aman. Jika komputer yang kalian pakai settingan waktu belum tepat, mungkin gambarnya tidak akan keluar. Selain itu, website yang menggunakan https lebih lambat diakses daripada http bisasa. Karena https menggunakan pengamanan. Jadi, jika kalian menggunakan Picasa, ubah URL protocol nya menjadi http, hapus saja "s" nya.

Compress Template Mu!

Ini tips terakhir. Compress templatemu! Pada kode HTMl, CSS, JavaScript, maupun bahasa pemrograman lainnya, pasti ditemukan banyak spasi. Nah, spasi tersebut sangat tidak penting. Tahukah kamu, satu karakter spasi size nya sama dengan karakter yang lain. Ratusan spasi di blogmu, tentu saja menjadi ratusan penghambat loading dan memberatkan blog. Jadi hapus saja spasi-spasi tersebut. Maaf sebelumnya, tips ini saya rekomendasikan bagi yang sudah expert saja. Bagi pemula sebaiknya jangan. Di khawatirkan salah menghapus satu karakter saja nanti blog kalian yang hancur. Contoh cara menghapus spasinya seperti apa? Seperti dibawah ini. Misalkan kode awal seperti ini:
<html>
  <head>
    <title>JUDUL BLOG KALIAN</title>
  </head>
  <body>
     <!-- isi blog kalian disini -->
  </body>
</html>
Maka, ketika kamu hapus spasinya akan menjadi sepeti ini:
<html>
<head>
<title>JUDUL BLOG KALIAN</title>
</head>
<body>
<!-- isi blog kalian disini -->
</body>
</html>
Nah, dari contoh diatas sudah berapa banyak spasi yang kalian temukan? Padahal hanya contoh kecil. Belom yang sebenarnya yang ada di blog kita :D
Sekian dulu tips dari Dark Ard, semoga bermanfaat. Amin.


Jump to:
Comments

8 comments:

  1. Pertamina

    Blog Ane dah termasuk enteng sob http://fresh-tutor.blogspot.com/

    ReplyDelete
  2. Bang Dick, Yang tips terakhirnya ada yang rusak. Yang bagian contoh spasinya kode nya belum ditampilkan. Atau option yang di postingan (auto read HTML nya belum di OFF in ) :)

    ReplyDelete
  3. Absen malam sob makasih Tutorialnya :D

    ReplyDelete
  4. [Re:eko]
    Visit anime sub indo gw cepat g ya? http://akira-sub.blogspot.com/

    ReplyDelete
  5. tempat kompres css yang bagus di mana za gan...

    ReplyDelete
  6. Thanks infonya...
    visit my blog http://punya-rizal.blogspot.com

    ReplyDelete
  7. baca dari yang part 1, ternyata kesalahan saya cuman di bagian

    Spasi di template, sama

    ngemis follow..

    hhe

    makasih bang Dickey atas semua tulisanmu

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other