Latest News

Tips biar Loading Blog Enteng Plus Ngebut, Whuuss

Tips mempercepat loading blog. Kecepatan loading sebuah blog sangat dipengaruhi oleh kode-kode pemrograman yang ada pada template. Untuk itu dalam memilih template, jangan cepat tergiur oleh judul artikel dengan pemanis “fast loading’.

Banyak alat yang mampu dipakai untuk mengecek kecepatan loading blog. Salah satunya pagespeed insight. Tool gratis dari Google ini memiliki tingkat akurasi yang jempolan lengkap dengan solusi perbaikan yang disarankan untuk Anda lakukan.

Silahkan cek loading blog Anda dikala ini juga. Jika score yang Anda peroleh menunjukkan indikator warna merah atau kuning, Anda wajib waspada. Itu sinyal yang memberitahu kerja loading blog Anda masih lamban dan butuh perbaikan.

Lewat artikel ini saya bagi tips yang mampu Anda terapkan biar loading blog Anda lebih enteng dan ngebut..whuusss.

Tips biar Loading Blog Enteng Plus Ngebut,

Tips biar Loading Blog Ringan dan Cepat


Loading halaman super cepat (versi desktop dan mobile) sangat di sukai oleh mesin pencari dan penggunanya.

Dimata search engine, blog dengan loading yang ringan memiliki struktur yang mudah untuk dirayapi. Bagi pengunjung, cepatnya waktu loading tak akan membuat mereka lama menunggu.

Nah, berikut ini tips yang saya sarankan untuk Anda lakukan, demi kepuasan pembaca blog Anda.

1. Kode Jquery harus asinkron

Hampir di semua template sebuah website terdapat isyarat script jquery. Jquery yaitu library JavaScript multiplatform yang dirancang biar menyusun client-side script pada file HTML menjadi lebih mudah.

Dengan syntax jquery, para pengembang template lebih gampang dalam merancang aneka macam plugin berbasis JavaScript. Plugin inilah yang dipakai untuk menyusun abstraksi ibarat interaksi animasi, dan efek yang kompleks dari aneka macam widget yang dapat dikonfigurasikan.

Namun begitu, penempatan isyarat jquery pada template haruslah dibarengi dengan isyarat asinkron biar kerja loading blog jadi lebih ringan dan cepat. Silahkan buka template Anda, cari isyarat jquery ibarat ini:

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

Untuk menambah kecepatan loading blog, tambahkan isyarat asinkron (tulisan warna biru) hingga jadi ibarat di bawah ini.

<script async='true' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

2. Hapus isyarat jquery pada widget

Saat memasang widget pada blog, perhatikan isyarat script nya. Hapus jikalau ada isyarat jquery di dalamnya. Anda tak perlu khawatir jikalau widget tidak akan muncul, sebab secara otomatis isyarat jquery nya sudah di load dari template Anda.

Andai isyarat jquery pada widget tidak dihapus, justru akan membebani loading blog. Resiko nya tentu widget akan lama tampil, atau muncul tapi tidak sempurna. Dan dikhawatirkan akan menimbulkan konflik jquery pada template.

3. Kompres gambar

Setiap artikel butuh gambar untuk visualisasi nya. Gambar pun mampu di meningkatkan secara optimal untuk mendekatkan artikel di halaman bergengsi. Masalahnya tiap gambar punya muatan file dan format yang berbeda. Perhatikan kedua hal itu dikala memasang gambar untuk artikel Anda.

Makin besar ukuran file dan resolusinya, daya muat blog akan semakin berat. Itulah perlunya meng-kompres gambar biar ukuran file jadi lebih ramping. Jangan buat blog Anda tersiksa, segera perkecil file gambar Anda.

Untuk caranya, silahkan menclok ke link artikel saya di bawah ini...gratis.


4. Minimalkan html template

Untuk membantu meringankan kerja loading, HTML template pun perlu diperkecil ukurannya. Banyak situs yang menunjukkan layanan gratis untuk merampingkan HTML. Salah satunya yaitu HTML Compressor.

Selain mudah, hasil kompresinya akan tetap mempertahankan isyarat script asli pada template Anda. Mereka hanya ‘membuang’ kode-kode yang memang tidak dibutuhkan.

Perlu diingat, sebelum melaksanakan tips ini, backup dulu template Anda.

Berikutnya, buka alamat ini https://htmlcompressor.com lalu klik boks hijau bertuliskan “Start Using Now”. Dari edit html, gunakan ctrl+A lalu copy dan paste kan html template Anda pada kotak source di halaman HTML Compressor. Selanjutnya klik compress. Tunggu beberapa saat.

Setelah muncul hasil kompres, pilih select all, lalu paste kan ke html template Anda. Pratinjau template, jikalau tidak terjadi problem simpan template.

Agar lebih yakin, coba cek URL homepage dan URL artikel ini pada pagespeed insight. Lihat skornya, ijo royo-royo bukan?

5. Pisahkan isyarat asinkron iklan pada css template (khusus blog adsense)

Tips ini khusus buat pemain Adsense blog. Tahukah Anda, iklan termasuk salah satu penyebab lambatnya tampilan loading halaman sebuah blog, tak terkecuali iklan Adsense.

Andai ada lebih dari satu iklan Adsense yang terpasang pada blog, menjadikan terjadinya pengulangan pada pembacaan isyarat asinkron. Ini mampu memperlambat daya muat loading. Tapi tenang, ada cara untuk menyiasatinya.

Secara umum, isyarat script iklan Adsense yaitu ibarat ini.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- blog si kuya 300x250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxxxxxxxxxx"
     data-ad-slot="xxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sengaja saya beri warna pada isyarat tersebut biar lebih mudah membedakannya. Untuk mempercepat loading iklan, prosesnya ibarat dengan pemasangan isyarat jquery di atas.

Pisahkan isyarat asinkron iklan Adsense (tulisan warna biru) lalu tempatkan pada CSS template, tepatnya di bawah isyarat </b:skin>. Selanjutnya, dikala memasang isyarat iklan lewat widget atau pun dalam postingan, cukup body iklan nya saja yang Anda pasang (tulisan warna merah).

Pemisahan ini tujuan nya biar dikala proses loading, isyarat asinkron di load cukup sekali untuk semua iklan yang terpasang sehingga loading pun jadi lebih enteng.

6. Modifikasi css bundle blogger

Bagi Anda yang sering ngecek speed loading lewat pagespeed insight, dan kebetulan mendapat skor warna merah atau kuning, tentu tidak abnormal dengan warning ini “Eliminate render-blocking JavaScript and CSS in above-the-fold content”.

Peringatan itu memberitahu bahwa ada script di konten paruh atas pada template yang menghalangi proses render. Salah satu nya yaitu css bundle blogger.

Solusinya cukup mudah. Cari isyarat <b:skin>….</b:skin> lalu letakkan isyarat di bawah ini sebelum isyarat <b:skin>.

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*

Simpan template, dan cek kembali skor Anda.

7. Pasang widget seperlunya

Peran widget sangatlah penting. Sebagai blogger yang cerdas, Anda harus mampu menentukan apa saja widget yang mujarab untuk meningkatkan pageview.

Utamakan widget yang berfungsi sebagai navigasi untuk menggiring pengunjung biar mengklik artikel yang ada pada blog. Jangan pasang widget yang nggak penting bagi pembaca yang justru akan ‘menyiksa’ blog Anda.

Menurut saya, ada 3 widget yang wajib Anda pasang yaitu popular post, recent post, random post. Diluar ketiganya, saya anggap tidak terlalu penting.

Penutup


Harus Anda pahami, ngga semua pengunjung punya sifat penyabar. Blog yang super lemot, lebih besar peluang nya untuk ditinggalkan dan dilupakan.

Ada pepatah mengatakan “siapa cepat ia dapat”.  Jika ingin menarik banyak pengunjung blog, mulailah terapkan pepatah itu. Tampilkan halaman web Anda secepat mungkin hingga ke pengunjung.

Apakah loading blog Anda sudah ngebut? Beritahu saya lewat komentar Anda.

Semoga bermanfaat.

Akhir kata, SAY NO TO COPY PASTE. Wassalam.