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

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.