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.

Meringankan loading blog
 
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.


30 komentar:

  1. pelajaran yang menarik buat mempercepat loading blog saya yang kayak siput....

    terima kasih gan artikelnya....

    ReplyDelete
  2. Blog saya cukup berat, mungkin sangat berat. Terkadang saya hanya posting dan buka sekali.. malas Kalau buka berkali-kali. Bingung antara widget dan iklan dg uangnya... vs loading cepat

    ReplyDelete
    Replies
    1. kalo saja saya harus memilih pasti memilih mengutamakan ringannya loading halaman blog. :)

      Delete
  3. ukuran gambar berpengaruh ya sob, makasih infonya

    ReplyDelete
  4. Semoga bermanfaat buat saya nih mas bro. Yang masih newbi

    ReplyDelete
  5. Wah, lengkap keren :D
    kalau seumpama pake Spoiler untuk menyembunyikan gambar apa bisa lebih ringan kak ??

    ReplyDelete
    Replies
    1. saya rasa script spoiler hanya menyembunyikan gambar, namun sepertinya ketika loading gambar juga ikut di load, cuma statusnya gambar baru terlihat jika spoilernya di klik,

      jika melihat di situs-situs seperti kaskus musal, banyak threat yang melibatkan spoiler untuk gambar dan cukup ringan. berarti memang ada pengaruhnya.

      Delete
    2. Kalau untuk situs yang mempunyai gambar banyak bisa menggunakan script lazy load. :)

      Delete
  6. iya, saya juga berpendapat demikian. .
    saya pikir cuman menyembunyikan, bukan berarti tidak di load. .
    yah, mumet dah. .padahal pengen buat blog yg super cepat :v
    makasih kak infonya, sangat membantu. .

    ReplyDelete
  7. kalau yang ampuh itu katanya pakek cdn gan, apa benar?

    ReplyDelete
  8. cara efektif, terima kasih gan informasinya

    ReplyDelete
  9. sorry OOT.. mw tnya, itu cara bikin slide like button gimana yah, yg d sbelah kanan ..tanks

    ReplyDelete
  10. ternyata blog ini sangat cepat loadingnya. mantap!

    ReplyDelete
  11. Mas saya kasih tambahan, untuk penulisan nilai height dan width di tag img tidak menggunakan satuan px. Jadi seharusnya penulisannya seperti ini saja:
    <img src="___" alt="___" width="___" height="___">

    ReplyDelete
    Replies
    1. Thanks mas atas koreksinya, memang benar width dan heigh di kode html terutama untuk tag IMG tidak usah pake akhiran px, cukup mencantumkan angkanya saja, akhiran px hanya untuk di css saja

      Delete
  12. Punyaku kadang ringan kadang berat kenapa yaa... ada solusi...

    ReplyDelete
  13. gan, misalnya javascriptnya di hosting gimana? apa harus dipindah ke template juga?

    ReplyDelete
    Replies
    1. jika kapasitas kode js banyak gunakan js external, jika dikit masukan aj dalam template

      Delete
  14. Bagus, dengan begini loading blog saya bisa lebih cepat. Sangat membantu.

    ReplyDelete
  15. Dengan penambahan cdn saya rasa juga dapat mempercepat loading blog tapi yang menjadi kendala harus punya domain tld dan hosting

    ReplyDelete
  16. infonya bagus tambah mantap buat blog lebih seo..thanks

    ReplyDelete
  17. wah tips bagus nih biar gak kalah sama blog lainnya, biar bagus dimata google.

    ReplyDelete
  18. wah ne dia yang saya cari, soalnya blog udah terlalu berat, thank

    ReplyDelete
  19. Iya kita kudu kompress kode js ataupun css kita, atau kalau perlu dimasukin semua ke xml template kita, biar ke render lebih cepat sama robot google.

    Saya punya alat untuk kompress css sama js nya Gan kali ada yang mau menggunakannya nih linknya hilangin [dot] nya dulu ya biar bisa masuk:

    mugianto[dot]web[dot]id/2016/03/alat-kompress-kode-css-minifier-tool-online[dot]html

    ReplyDelete
  20. creditlink dan feedlink di modif atau diilangin, itu bisa buat score seo 100%, tapi saya tidak tahu caranya, ada yang bisa ?
    kalau bisa bolehlah dishare disini...

    ReplyDelete
    Replies
    1. scor seo dicheckme om?
      Kayaknya enggak kok om, saya meski ada creditlinknya (Blog lain saya, karena template sendiri) juga masih bisa tembus 100%
      Kalau dicheckme yang paling ngaruh heading dan image alt kayaknya

      Tapi kembali, itu hanya pendukung bukan patokan.
      Selanjutnya kembali ke kualitas artikel dan optimasi manual (Promosi) menurut saya sih!

      Delete
  21. Pertanyaan untuk platform Blogger nih gan.
    Saya mau bertanya masalah gambar thumbnail, apa ada cara untuk mempercepat prosesnya? Sebenernya bisa saja gambar thumbnail tersebut di encode ke base64 dan emang jauh lebih cepat tapi malah menimbulkan error pas di check melalui Structured Data Testing Tool, soalnya url base64 berbeda dengan url gambar thumbnail biasa, apa agan punya solusi lain untuk memepercepatnya?
    Terima kasih

    ReplyDelete
    Replies
    1. Ah sayamah cukup pake jpg saja gan biar tidak perlu dikompres, pilih gambar dengan ukuran yang tidak terlalu besar agar tidak berat karena semakin besar kapasitas gambar akan semakin berat

      Delete

Silahkan berkomentar yang sesuai dengan topik, Mohon Maaf komentar dengan nama komentator dan isi komentar yang berbau P*RN*GRAFI, OB*T, H*CK, J*DI dan komentar yang mengandung link aktif, Tidak akan ditampilkan!