Cara Mempercepat Loading blog Blogger

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
Cara Mempercepat Loading blog di Android Mobile

#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>
Cara Mempercepat Loading blog di Android Mobile

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 :

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Dilarang keras menggunakan URL link hidup dalam bentuk apapun !!

Untuk Menghargai Upaya Kami Mengembangkan Website Dengan Memberikan Informasi Bermutu, Disable Adblock Killer Anda Guna Membantu Kami Membiayai Demi Kemajuan Blog Gilang Access..

Please Reaload this blog in your ad blocker.

Thank you!