CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Kamis, 07 November 2013

11 Tips Penting Untuk Mengurangi Waktu Loading Blog Anda

mengurangi waktu booting blog

Hampir setiap blogger pemula sering gagal untuk mengurangi waktu loading blog. Sebagian besar tutorial yang tersedia untuk mengurangi waktu yang dibutuhkan untuk memuat sebuah website sering kurang jelas atau tidak lengkap. Kami memutuskan untuk berbagi cara kita memecahkan masalah ini. Berikut adalah 12 tips yang benar-benar menarik dan penting untuk mengurangi waktu loading blog Anda hampir 90%.

1. Ubah Link Semua Gambar dalam Template Anda Dari Blogger
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 memaksa browser harus terhubung ke semua server yang di-link ke gambar Anda, dan akibatnya menyebabkan delay besar dalam waktu loading blog Anda. Apa yang harus Anda lakukan adalah mengganti semua gambar tersebut dengan gambar yang sudah Anda simpan di dalam blogger. Keuntungan melakukannya ini bahwa browser hanya perlu menghubungkan ke blogger saat memuat gambar Anda. Sehingga akan menghemat waktu.

2. Simpan Semua Gambar dalam Format GIF atau PNG
GIF singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "Portable Network Graphics" keduanya adalah format dengan kompresi yang baik, memiliki ukuran dan luas yang lebih kecil serta didukung oleh semua browser. Tapi ukuran kompresi PNG jauh lebih baik daripada GIF. Dalam kasus tipikal hingga 5-25%. Menggunakan salah satu dari format gambar ini sangat akan mengurangi waktu loading blog Anda hingga 60% i.e 70-90KB. Ukurannya adalah perkiraan untuk blog saya dan ukuran sebenarnya tergantung pada jumlah gambar yang Anda gunakan.

3. Berikan Dimensi Yang Pas Untuk Image
Memberikan setiap gambar dengan lebar dan tinggi tertentu akan memudahkan browser untuk memuat gambar dengan cepat. Selalu kurangi ukuran gambar jika ukuran aslinya lebih besar. Kode HTML yang umum untuk gambar terlihat seperti di bawah ini:

<img width=”...” height=”...” src=”URL gambar” />

Lebar dan tinggi gambar akan memerlukan nilai dalam piksel. Satu pixel sama dengan sebuah titik pada layar. Sebuah gambar dengan ukuran penuh di blog saya akan memiliki lebar sekitar "590px" dan tingginya bisa sepanjang yang saya inginkan. 590px hampir sama dengan lebar posting saya. Mudah-mudahan ini akan memberi Anda gambaran tentang bagaimana memilih nilai lebar dan tinggi untuk gambar Anda. Browser akan mudah untuk memuat dimensi gambar yang ditentukan. Jadikan hal ini menjadi kebiasaan Anda untuk menentukan ukuran gambar Anda dengan tepat.

4. Jangan Menggunakan Gambar Untuk Background Blog Anda
Jika Anda menggunakan gambar apapun sebagai latar belakang maka silakan menghapusnya. Sebuah Gambar latar belakang akan berpengaruh terhadap waktu loading hingga 50% lebih lambat.  Coba Anda hapus dan lihat perbedaannya. Untuk menghapus gambar background hanya dengan mencari kode CSS dalam template Anda (Biasanya terletak pada bagian atas blog Anda pada bagian 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 mungkin juga akan terlihat berbeda dalam template Anda, tetapi Anda harus "menandai" hanya pada teks yang bercetak hitam tebal. Cukup Hapus url (http://xyz.com/blabla.jpg) dan simpan template Anda. Berikan warna yang sederhana pada latar belakang Anda. Misalnya #7AA1C3 mungkin cocok dijadikan Warna Background. Anda dapat mengubahnya dengan menggunakan Bagan Warna Heksadesimal saya.

5. Selalu Mempertahankan Kualitas dan Script Template Blog Yang Baik
Kesalahan utama kebanyakan blogger adalah meng-upload setiap template yang menarik menurut mereka. Kebanyakan Blogger template tidak resmi yang tersedia di blogosphere sering dibuat oleh orang-orang yang tidak menyadari dengan penggunaan HTML dan JavaScript yang tepat. Ada juga sebuah script template yang tidak tepat dengan tag kosong, tag yang tidak diinginkan dan Broken JavaScript sering membuat pekerjaan spider mesin pencari kesulitan untuk menjelajah isi dari weblog Anda. Browser juga akan membuang waktu yang berharga dalam membaca script yang rusak. Jika JavaScript atau kode tidak dioptimalkan dengan baik dapat menyebabkan PC pembaca menjadi hang! Bayangkan ini terjadi pada pembaca yang mengakses blog Anda. Singkat cerita, gunakanlah template dari pihak yang benar di blogosphere dan dari orang-orang yang bersertifikat profesional.

6. Gunakan Iklan Yang Terbatas
Jika Anda melakukan blogging hanya untuk mendapatkan bayaran dengan menampilkan potongan besar iklan dari beberapa sumber maka Anda akan melewatkan pengalaman indah dari blogging. Jangan membuat blog seperti Pasar Ikan. Tampilkanlah beberapa iklan di daerah utama di blog Anda. Melakukan hal ini akan membuat antarmuka blog Anda bersih serta mudah dijelajahi dan ditelusuri. Setiap Anda menambahkan dan menampilkan penggunaan JavaScript, maka akan memperpanjang waktu beban halaman blog Anda. Pastikan Anda membatasi semua iklan sampai tiga.

7. Jangan Me-Link ke Blog Direktori
Ini adalah persepsi yang salah bahwa jika menghubungkan blog ke beberapa blog direktori akan memberikan traffic besar bagi blog Anda. Sebenarnya, bila Anda me-link beberapa blog direktori ke homepage Anda, search engine akan kehilangan kepercayaan pada blog Anda karena berlebihan link-out dan browser akan kesulitan untuk menelusuri gambar-gambar kecil yang ter-link ke blog direktori. Semua direktori blog meminta Anda untuk menghubungkan kembali dengan menggunakan link gambar kecil di blog Anda, tetapi melakukannya hanya akan merusak keberhasilan blog Anda. Saya percaya hanya pada BlogCatalog dan mybloglog sebagai otoritas yang relevan untuk mengharapkan traffic. Jika Anda benar-benar ingin beberapa jumlah traffic dari direktori blog mungkin saran saya gunakanlah BlogCatalog dan mybloglog. Apalagi hanya menggunakan meta tag kecil dari mereka yang menghubungkan ke mereka.

8. Jangan Menggunakan Widget dari Blog Direktori yang Menggunakan Gambar
Saya mengacu pada widget  recent viewers dari BlogCatalog dan mybloglog. Widget ini menggunakan JavaScript yang me-link ke situs-situs tersebut dan juga menampilkan gambar yang akan menambah waktu buka blog Anda. Saya menggunakan meta tag yang disediakan oleh mereka tapi tidak menggunakan widget mereka. Hal ini membantu dalam mengurangi waktu yang dibutuhkan blog saya untuk menampilkan semua elemen pada halaman blog saya. Jika Anda benar-benar ingin menggunakan widget ini kemudian mencoba menampilkan beberapa gambar dari mereka, jangan lebih dari 10.

9. Ringkas Postingan Anda Menggunakan Link Read More
Tulisan Panjang yang penuh pada homepage adalah salah satu alasan terbesar mengapa blog memiliki waktu beban tinggi. Rangkum semua posting Anda dengan menggunakan Read More atau Baca Lebih Lanjut agar proses load blog Anda lebih cepat. Untuk membuat link 'read more' pada blog Anda, bacalah postingan saya mengenai Menambahkan Link Read More Pada Blog.

10. Tampilkan Hanya Empat - Lima Tulisan Di Home Page Anda
Jangan menampilkan lebih dari 4-5 posting di Homepage. Melakukan hal ini akan membuat pembaca Anda sibuk membaca tulisan yang berbeda dan mereka juga akan menemukan hal baru yaitu seberaca cepat loading blog Anda.

11. Menghilangkan Link Eksternal
Jangan gunakan widget yang berasal dari situs eksternal selain blogger. Singkirkan counter stat dan gunakanlah Google Analytics. Jangan menyimpan gambar pada layanan lain selain Blogger. Simpan semua kode JavaScript di dalam blogger. Jangan tambahkan link dari direktori blog, mereka tidak membawa Lalu Lintas kecuali BlogCatalog dan mybloglog.

0 komentar:

Posting Komentar