11 Cara Efektif Untuk Mempercepat Loading halaman Blog

11 Cara Efektif Untuk Mempercepat dan meringankan Loading halaman Blog atau situs - Perlu diketahui bahwa kecepatan loading blog adalah salah satu faktor dari 200+ google faktor yang dapat mempengaruhi posisi halaman situs pada SERP atau hasil pencarian google.

Banyak para blogger pemula yang lebih mementingkan tampilan blog dibanding dengan memprioritaskan keringanan halaman blog, sehingga halaman blog yang mereka miliki menjadi lebih berat dan sulit untuk diakses.

Jika seperti itu kesempatan mendapatkan posisi terbaik SERP bisa hilang begitu saja, namun jika halaman blog atau situs memiliki proses loading halaman yang cepat dan ringan, bukan hanya para pengunjung yang menyukainya, mesin pencaripun akan menyukainya juga, sehingga untuk mendapatkan posisi terbaik SERP menjadi lebih baik.

 
Banyak faktor yang mengakibatkan halaman blog berat untuk diakses bahkan harus menunggu beberapa detik, beberapa penyebabnya adalah, banyak melibatkan gambar, banyak melibatkan sumber script dari luar terutama javascript atau jquery, banyak melibatkan widget dan juga penyebab lainnya. itu karena ketidak tauan para blogger, sehingga mereka kebanyakan lebih memprioritaskan tampilan yang aduhai tanpa memperhatikan sedikitpun pengaruhnya terhadap loading halaman, sehingga berefek buruk bagi blog yang mereka miliki.

11 Cara Efektif Untuk Meringankan Loading Blog

Untuk para blogger pemula, dan para blogger pada umumnya, ketika kita memiliki blog atau situs, hal utama yang harus kita perhatikan dan kita upayakan adalah bagaimana blog atau situs yang kita miliki, proses loading halamannya cepat dan ringan, baru kemudian kita memprioritaskan tampilan dan yang linnya.

Pada artikel ini akan dijelasakan mengenai tips yang bisa kita lakukan untuk mempercepat dan mengurangi proses loading halaman blog atau situs, sebagai berikut:

1. Gunakan sumber gambar yang diambil dari situs pengelola gambar google.

Sebenarnya sumber gambar bisa kita ambil dari mana saja, kadang gambar diambil dengan me-link-kan secara langsung dari situs penyedia layanan gambar seperti photobacket, tinypic dan situs lainnya diluar layanan google, ketika blog sedang melakukan proses loading, blog akan mencoba melakukan komunikasi dengan situs-situs dimana sumber gambar tersebut diambil.

Proses tersebut sebenarnya akan memakan waktu meskipun tidak terlalu terasa sehingga berpengaruh ke proses loading halaman blog menjadi sedikit lebih lambat.

Apa yang harus kita lakukan adalah, mengambil atau download gambar tersebut terlebih dahulu, kemudian mengupload kembali gambar menggunakan blog, kemudian baru kita gunakan alamat url gambar tersebut pada blog yang kita miliki, itu akan lebih baik daripada kita harus mengakses gambar secara langsung ke server yang berbeda dengan server blog yang kita miliki.

2. Kompres Gambar sebelum diupload dan gunakan format gambar yang direkomendasikan

Ketika kita menggunakan gambar pada blog yang kita miliki sebaiknya format gambar yang kita gunakan sesuai dengan format yang direkomendasikan oleh google, Google memberikan referensi mengenai gambar yang bisa kita sisipkan,berikut pernyataan google

• PNG hampir selalu lebih baik dari GIF, meskipun beberapa versi browser lawas mungkin hanya mendukung format untuk PNG saja.
• Gunakan GIF untuk grafik sederhana atau sangat kecil (misalnya kurang dari 10x10 piksel, atau palet warna yang kurang dari 3 warna) dan untuk gambar yng bergerak.
• Gunakan JPG untuk semua gambar bergaya fotografi.
• Jangan menggunakan BMP atau TIFF.

Sebaiknya sebelum gambar diupload untuk digunakan gambar tersebut kita kompress terlebih dahulu agar ukurannya menjadi lebih kecil, semakin kecil maka akan semakin ringan ketika dibaca, untuk melakukan kompress gambar, untuk kompress gambar silahkan baca artikel tentang cara kompress gambar untuk meringkankan loading blog.

Format gambar untuk web yang paling baik adalah PNG atau GIF, gambar tersebut memiliki kualitas sangat baik ketika di kompress, berukurang kecil dan support untuk semua web browser.

3. Tentukan ukuran gambar ketika digunakan

Ketika gambar digunakan dalam kode html, sebaiknya kita menentukan ukuran gambar ketika gambar tersebut digunakan, sehingga browser akan memproses gambar tersebut menjadi lebih cepat ketika dibaca, berikut kode HTML yang harus kita sertakan untuk menampilkan gambar:

<img src='alamat_url_gambar' width='...px' height='...px'>

ingat untuk memasukan atribut width dan height seperti terleihat pada kode warna merah diatas ketika kita menggunakan gambar pada blog, width adalah lebar gambar dan height adalah untuk tinggi gambar, biasanya ukuran gambar  adalah pixel, dan ingat untuk menyesuaikan ukuran gambar sesuai dengan yang diharapkan.

4. Hindari pemakaian gambar untuk backgrund halaman blog

Dengan tujuan untuk memperindah dan mempercantik halaman situs, banyak para blogger menggunakan gambar untuk background halaman blog yang mereka miliki, memang dengan melibatkan gambar, tampilan blog semakin cantik dan menarik, namun pemakaian gambar untuk background halaman blog akan sedikit berpengaruh pada loading blog yang semakin lama.

Jika anda kebetulan menggunakan gambar untuk background halaman situs, sebaiknya hapus gambar tersebut dan akan lebih baik ganti dengan warna background saja, agar halaman situs atau blog yang anda miliki semakin ringan dan disukai mesin pencari.

5. Letakan Semua Kode java script pada format template blog

Java script adalah kode untuk memberikan sentuhan interaktif pada halaman blog, ada beberapa cara ketika kita menggunakan java script, yaitu eksternal javascript dan internal javascript, external java script yaitu mengambil java script dengan me-link-kannya secara langsung dari situs yang berbeda, sedangkan internal javascript yaitu menuliskan secara langsung pada template blog.

Ketika kita banyak menggunakan internal java script sebaiknya internal java script kita letakan di bagian header dan dalam format template blog seperti terlihat pada kode dibawah ini:

<script type='text/javascript'>
//<![CDATA[

                    letakan kode javascript disini..
  
          //]]> 
        </script>

silahkan perikasa template anda untuk menemukan inline javascript atau kode internal javascript, dan silahkan anda perbaiki dengan meletakan kode java script yang anda temukan seperti terlihat pada kode diatas.

6. Gunakan javascript atau css yang sudah dikompress

Ketika menggunakan java script atau CSS sebaiknya pilihlah javascript dan CSS yang sudah dikompres, pada umumnya ketika java script atau css kita ambil secara external, biasanya tersedia juga javascript atau CSS yang sudah di kompress.

Library javascript yang sudah dikompres biasanya berakhiran min seperti nama_file_min.js dan CSS yang sudah dikompress juga biasanya berakhiran min seperti nama_file_min.css, pilihlah file yang sudah dikompress tersebut untuk digunakan agar meringankan beban loading blog.

7. Tampilkan 4 atau 5 postingan pada halaman utama blog.

Pada halaman utama blog, sebaiknya jangan menampilkan jumlah postingan lebih dari 5, semakin banyak daftar postingan kita tampilkan maka akan semakin memperlambat loading halaman blog, sebaiknya tampilkan 4 sampai 5 postingan dalam halaman home atau halaman utama situs.

8. Rikas Daftar rincian isi postingan pada halaman utama blog. 

Halaman utama blog pada umumnya akan menyajikan daftar postingan, biasanya bisa kita letakan lebih dari satu postingan sebaiknya setiap daftar postingan jangan terlalu menampilkan isi postingan secara lengkap.

Jika isi postingan sangat panjang, tampilkan hanya sebagian isi postingan dan lengkapi dengan link "baca selengkapnya" atau "Read more..."  atau link serupa yang menawarkan kepada pengunjung untuk membaca lebih lengkap daftar postingan tersebut,dengan demikian loading blog akan semakin ringan.

Pada umumnya template blog saat ini sudah mendukung daftar postingan semacam ini pada halaman home blog. jika belum silahkan anda modifikasi sehingga daftar positngan pada halaman situs, cukup menampilkan uraian singkat yang dilengkapi dengan link untuk membaca selengkapnya secara keseluruhan.

Anda bisa memasang widget blog autoreadmore pada template blog anda, silahkan cari tutorial membuat auto readmore blog untuk anda pasang.

9. Jangan terlalu banyak memakai widget

Blog saat ini sudah difasilitasi dengan banyak widget yang bisa kita bongkar pasang pada halaman blog, baik itu di sidebar, di atas maupun di bawah, tergantung dari tata letak template yang digunakan.

Ketika kita bermaksud memasang widget pada blog, pilihlah beberapa widget yang memang dianggap penting, jangan memasang terlalu banyak widget yang sifatnya kurang penting, karena semakin banyak widget yang kita aktifkan pada blog kita berarti loading blog akan semakin lama.

Itu dikarenakan blog akan memproses setiap widget yang kita letakan dan proses tersebut akan membutuhkan waktu yang cukup lama, sehingga berpengaruh ke loading halaman blog, oleh karena itu disarankan untuk memasang widget 1 sampai 2 saja, dengan memasang widget yang memang dianggap penting.

10. Batasi Penayangan Iklan 

Jika blog yang kita buat untuk monetisasi, sebaiknya jangan terlalu banyak memasang iklan, semakin banyak iklan yang kita pasang maka proses loading halaman blog akan semakin lama.

Tidak sedikit para blogger yang sudah berhasil memonetisasi blog, dengan tujuan untuk mendapatkan penghasilan yang berlimpah pada akhirnya mereka kurang memperhatikan pemasangan iklan, sehingga banyak sekali iklan yang diterbitkan dalam satu halaman blog.

Iklan yang terlalu banyak akan berpengaruh pada kecepatan loading halaman blog tersebut yang akan semakin memburuk, bahkan iklan yang terlalu banyak bisa mengangu kenyamanan pengunjung, sehingga mereka muak dengan blog anda.

Oleh karena itu sebaiknya bijak ketika kita memasang iklan dan perhatikan juga kesehatan blog yang kita miliki, jika kita hendak memasang iklan, pasanglah 2 sampai 3 iklan itu akan lebih baik.

11. Pilihlah widget ekternal tanpa gambar

Jika dalam blog yang kita miliki terpaksa harus memasang widget dari luar, seperti widget dari media social, widget layanan trafik dan widget-widget ekternal lainnya, sebaiknya hindari untuk menggunakan widget bergambar, pilihlah widget yang hanya menampilkan text namun informatif.