Cara Mempercepat Loading blog Blogger

Cara Mempercepat Loading blog Blogger

Cara mempercepat loading blog di android mobile sebenarnya tidak terlalu rumit, karena sekarang pengguna Android mobile sudah sangat banyak, justru dengan kesempatan itulah kita memberikan kemudahan bagi mereka para pembaca maupun para pengunjung blog kita dengan loading blog cepat di android mobile, untuk melakukanya kita perlu sedikit experimen pada template blog yaitu edit HTML, simak di bawah ini.

Wajib anda melakukan hal ini agar blog anda semakin seo, karena baru-baru ini Google telah mengumumkan tentang mengedepankan blog yang mobile friendly atau Responsive, otomatis membuat skema besar untuk perangkat Android mobile. Google search engine lebih mencintai mobil friendly dan memungkinkan untuk memunculkan postingan template mobile friendly daripada template biasa, apalagi saat para penggunanya menggunakan perangkat android, jadi saran saya segeralah anda untuk memperbaiki kesalahan dan template blog anda dengan beberapa metode tutorial yang saya berikan, dan semoga dengan tutorial ini anda dapat memecahkan masalah yang sedang anda hadapi untuk situs anda.

Untuk mempercepat Loading blog di Android mobile maupun di PC kita harus mengujinya terlebih dahulu di Pagespeed Google https://developers.google.com/speed/pagespeed/insights/
Setelah anda mendapatkan angka dari blog anda maka anda harus mencatat dimana letak kesalahanya.

CARA PERTAMA BISA DI COBA DULU

Kesalahan yang paling sering adalah masalah jquery yang memblokir render, nah disini kita menemui kesulitanya apabila anda menggunakan banyak jquery seperti blog saya, apabila anda menggunakan sedikit jquery maka sedikit mudah anda membenahi kecepatan loading blog anda.

#SARAN GANTI TEMPLATE AJA BIAR GAK RIBET
>> Template Mobile Friendly dan Responsive Blogger

#TEKNIK MENDEFER ATAU ASYNC
Misalnya jquery blog anda adalah begini;
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
maka yang harus anda lakukan adalah dengan mengedit jquery tersebut menjadi seperti ini.
<script async='' defer='' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
Anda perlu menambahkan async='' defer='' di awal sebelum scr atau bisa juga seperti ini async='' atau seperti ini defer='' defer=''

Dengan hal diatas anda telah membokar render blog konten paruh atas yang memblokir loading blog.

Atau anda bisa juga memindahkanya..
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/> di atas kode </body>

Biasanya scriptnya adalah <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/> dan <script async='' defer='' src='https://apis.google.com/js/platform.js' type='text/javascript'> antara googleapis dan jquery lebih baik di pindah diatas kode </body>

Nah silahkan anda test lg di developers.google.com speed blog anda jadi berapa.

Keterangan:
Biasanya ketika di tambah kode async='' defer='' atau sejenisnya ada jquery yg lain yang tidak berfungsi, silahkan anda baca cara mengatasi Javascript dan CSS yang memblokir perenderan, lebih baik jangan menggunakan jquery, dan untuk masalah pemindahan jquery atau googleapis ke atas kode </body> biasanya terjadi error di beberapa Template blog, karena beda-beda jenis kerangka template, maka anda harus mengatasi masalahnya agar tidak eror saat save template tersebut.

CARA KEDUA BISA JADI REFERENSI YANG PALING PENTING

Silahkan anda segera menghosting javascript anda pada google drive dan letakan url hosting tersebut diatas kode </head> html template kalian, ini juga berlaku untuk js iklan adsense seperti di blog saya ini,
CONTOH SYNTAK JS
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script>

//<![CDATA[

function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0KBLJDGYFdxX29TaU9GYU/highlight2.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

//]]>

</script>

</b:if>
https://googledrive.com adalah url google drive sedangkan yang 0KBLJDGYFdxX29TaU9GYU adalah url saat anda hosting dan share akan muncul id url silahkan copy.

Share this:

You Might Also Like:

Add your comment
Hide comment

Disqus Comments