10 Cara Mempercepat Loading Halaman Blog

10 Cara Mempercepat Loading Halaman Blog

10 Cara Mempercepat Loading Halaman Blog atau situs. Perlu diketahui bahwa 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 memntingkan 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.

source:nethamax.com

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.

10 Cara Mempercepat Loading Halaman 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 10 Cara Mempercepat Loading Halaman Blog yang bisa kita lakukan untuk 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 ke 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 bergerakGunakan 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,

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 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.

Baca Juga Kompres Gambar Sebelum Digunakan Untuk Meringankan Loading Blog

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 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.

9. Jangan terlalu banyak memakai widget
Blog saat ini sudah difasilitasi dengan banyak widget yang bisa kita letakan 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, karena 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, sehingga berpengaruh ke lamanya proses loading halaman blog tersebut, bukan hanya itu kadang banyak para blogger yang tidak terlalu memperhatkan letak penayangan iklan, bukannya lebih baik bahkan blog yang mereka miliki penuh dengan iklan dan sangat menggangu mata pengunjung, 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.

Jika 10 Cara Mempercepat Loading Halaman Blog diatas sudah anda lakukan silahkan cek kecepatan blog atau situs anda di  PageSpeed Insights

Sekian Tutorial 10 Cara Mempercepat Loading Halaman Blog. Semoga Bermanfaat

Postingan terkait:

Belum ada tanggapan untuk "10 Cara Mempercepat Loading Halaman Blog"

Post a Comment