Optimalkan Kecepatan Loading Time Browser Pada Blog Kita.Menurut keterangan yang saya baca (Tentu bukan di bukunya Tatang Sutarma,karena itu hanya ”celoteh” Sule dalam sinetron Awas Ada Sule) diperkirakan bahwa jika halaman sobat tidak memuat dalam 5-8 detik sobat akan kehilangan 1 / 3 dari pengunjung . Jadi jika blog sobat kecepatan lodingnya lebih lambat dari itu,kemungkinan sobat harus merevisi desain blog , merubah struktur situs, atau pindah ke server yang lebih cepat.
Kiat terakhir pindah ke server yang lebih cepat memang agak memusingkan dompet kita.
Kiat terakhir pindah ke server yang lebih cepat memang agak memusingkan dompet kita.
Sudah dicoba di test kah kecepatan loading time blog sobat? Blog sobat terlalu lambat? Bila lambat berlanjut,segera kunjungi dokter terdekat,hehehe! Ga lah sob,mari kita perhatikan saja apa yang di tuturkan dari Free website speed checker Ikuti tips-tipsnya untuk meningkatkan kecepatan blog sobat:
1. Hapus semua yang tidak perlu
Tip ini mungkin terdengar bodoh, tapi silahkan lihat di website sobat sekali lagi,apakah sobat benar-benar membutuhkan suara latar belakang,mp3 player atau radio online?
Memang akan kelihatan indah,namun apakah benar diperlukan animasi GIF kelinci yang melompat-lompat? Dan apakah benar sobat membutuhkan kode JavaScript jelek untuk kuda berjalan atau jam terbang? Ingat, semua ini membutuhkan waktu dan bandwidth yang akan dimuat dengan setiap tampilan halaman dan jangan lupa hal yang paling penting,orang-orang mengunjungi website sobat untuk mendapatkan informasi dan tugas kita hanya memberikan apa yang mereka inginkan!
2. Hindari tabel bersarang
Jangan letakan tabel didalam tabel lain.Browser akan perlu lebih lama untuk mengurai semua ini.
3. Gunakan CSS sebagai teknik dalam membuat atau menambahkan elemen
Dengan menggunakan Cascading Style Sheet terkait, yang pada dasarnya hanya satu set instruksi tentang bagaimana untuk mewakili unsur-unsur kode sumber sobat akan banyak lebih ringan, sehingga
Memuat lebih cepat.Sebagai contoh sobat dapat mengganti kode ini: <div align="right"> <font face="Arial, Verdana, Sans Serif" color="#008000" size="3"> <b> Berikut adalah beberapa teks </ b> </ font> </ div > untuk sesuatu seperti ini: <div class="style1"> Berikut adalah beberapa teks </ div>
Lihat perbedaannya? Ada banyak sumber di internet yang baik, di mana sobat dapat mempelajari beberapa dasar-dasar CSS. Menginvestasikan waktu di dalamnya.
Lihat perbedaannya? Ada banyak sumber di internet yang baik, di mana sobat dapat mempelajari beberapa dasar-dasar CSS. Menginvestasikan waktu di dalamnya.
4. Optimalkan jpeg dan png ataupun foto sobat
Gambar adalah bagian yang paling berat dari banyak situs. Cobalah untuk mengurangi jumlah gambar sebanyak yang sobat bisa. Hapus semua animasi GIF mewah dan menggantinya dengan gambar statis.
Selalu menentukan lebar dan tinggi dari suatu gambar dengan mengatur atribut tag gambar. Dengan cara itu, browser akan sudah tahu bagaimana hal-hal yang akan terlihat seperti dan akan memuat seluruh halaman. Jika tidak, itu beban gambar pertama dan kemudian sisa halaman.
Pertimbangkan untuk menggunakan thumbnail diklik lebih kecil daripada gambar besar jika memungkinkan
Selalu menentukan lebar dan tinggi dari suatu gambar dengan mengatur atribut tag gambar. Dengan cara itu, browser akan sudah tahu bagaimana hal-hal yang akan terlihat seperti dan akan memuat seluruh halaman. Jika tidak, itu beban gambar pertama dan kemudian sisa halaman.
Pertimbangkan untuk menggunakan thumbnail diklik lebih kecil daripada gambar besar jika memungkinkan
Mengurangi filesize foto sobat - ada banyak tools gratis di luar sana. Misalnya, GIFCruncher untuk GIF dan JPEG Wizard untuk JPEG.
Gunakan GIF bukan JPEGs. JPEG hanya baik untuk gambar halus seperti foto, untuk semua web grafis lainnya GIF biasanya merupakan pilihan yang lebih baik.
5.Bersihkan kodeHTML sobat
Banyak editor HTML WYSIWYG meninggalkan banyak kode yang tidak perlu seperti tag kosong (seperti <font> </ font>) dan komentar dalam kode sumber sobat. menghapus mereka dengan editor teks sederhana untuk loading website lebih cepat.
6.Hapuslah spasi putih
Setiap ruang yang tidak perlu antara tag dan karakter baris baru meningkatkan ukuran halaman sobat. Sobat dapat menghapusnya dengan mudah dengan Pengoptimal free yang banyak di beredar di internet.
Mengacu kepada pepatah berharga dari orang-tua kita; ”Kalau mau dihargai orang lain,revisilah template kita sendiri”. Secuil info dari hasil copy paste,semoga bisa bermamfaat untuk sobat yang lagi belajar (seperti saya sekarang) memperhatikan kesulitan orang lain ketika membuka blog kita dan semoga selalu ada hikmah untuk kita dari semua kejadian,meski itu cuma “kejadian” ganti template.
Sumber Kopas: Free website speed checker
Sudah lama saya mencari keberadaan blog sahabat ini karena yg kemaren linknya beda hmmmm...terima kasih atas informasinya gan :) kalau boleh berkunjung balik yu terima kasih :),jika sudah membaca artikel yang terakhir silakan ajak teman-teman juga insyAllah sobat akan mendapatkan rejeki :)
ReplyDeletehehe solusi yang mantap tentunya. memamng selain memvalidasi template kita harus berani mengoprek code code HTML/jacascript yg kadang mbosenin kita ngadepinya. tapi kita kudu lakukan.
ReplyDeleteini sharing yang bagus sob.. terima kasih sudah berbagi.slm happy blogging
beuh...kayanya harus bertarung lagi ma template buat utak atik html...perlu amunisi tambahan lagi nih dari ma icih...ngebon lagi nih ujung2nya...btw met puasa nya brader..maafin bila da saleh2 kate,kalo ga..AWAS!!!...ane tarik ketampanan yang udah ane tularkan...hehehehe
ReplyDeleteBegitulah idealnya sebuah blog agar bisa load dengan cepat. namun terkadang dilematis saat kita terpaksa harus memasang sesuatu yg berat di blog kita karena memang bagian dari unsur artikel seperti gallery gambar pada blog saya. Tapi saya setuju dgn "kelinci melompat tadi"...hehe. Thanks sudah meramu artikel ini dari sumbernya. jika tidak, mungkin seumur hidup saya tidak akan kenal dan mampir ke SelfSeo.com
ReplyDeletehappy blogging!
Alhamdulillah dapat ilmu kembali pagi ini.
ReplyDeleteTerima kasih
terima kasih postingannya kang...
ReplyDeletesangat bermanfaat...
@irham33
ReplyDeleteSama-sama Kang.Makasih juga kunjungannya,Happy BW.