Cara Meringankan Tamplian Blog Mobile Dan Desktop Dengan Menghindari Pembelokiran Javascript

elsaviara.com - Klai ini saya akan share tips Cara Meringankan Tamplian Blog Mobile Dan Desktop untuk sobat blogger yang mengalami masalah saat melihat tampilan blog melalui smartphone terasa sangat berat, dulu saya juga pernah mengalaminya dan saya browsing sana sini namun tidak menemukan solusi yang pas dalam mengatasi beratnya tampilan blog saat di akses melalui web seluler dan akhirnya saya melakuan chat dengan master blogger kang +Adhy Suryadi melalui g+ dan saran dari kang adhy Kompi Ajaib saya terapkan pada tempalte blog saya dan akhirnya tampilan blog saya menjadi lebih ringan dan hasilnya bisa di lihat pada saat saya memakai Template Maha Simple yang sebelumnya berat saat di akses melalui seluler dan desktop untuk membuktikan nya silahkan cek pada postingan Template Maha Simple Ringan .

Naha lalu apa saja saran yang telah di berikan admin kompi ajaib kepada saya sehingga tampilan blog saya beruba drastis menjadi ringan yang sebelumnya memiliki kecepatan 75% saat di test melalui googlepagespeed insight setelah melakukan optimasi - optimasi yang di sarankan kang adhy hasilnya tampilan blog saya menjadi sangat ringan sehingga mendapatkan loading yang cepat di angka 95% dan cara optimasinya sebagai berikut .

Cara Meringankan Tampilan Blog Mobile Dan Desktop

1.Kunjungi https://developers.google.com/speed/pagespeed/insights dan tampilan googlepage speed insight seperti pada gambar berikut 

Sebelumnya maaf ada salah satu blog sobat yang saya ss dan di jadikan bahan dalam postingan kali ini, jika pemilik blog tidak berkenan silahkan komen atau hubungi saya pada contact .

 Jika saat di test melalui page insight hasilnya merah dan mendapatkan nilai yang rendah sebaiknya template blog sobat harus ada yang di perbaiki dan apa saja yang harus di perbaiki lihat pada gambar yang telah saya kasih tanda dengan nomor dan pada nomor tiga klik tampilkan cara memperbaiki dan akan sobat lihat saran dari google untuk memperbaiki bagian mana saja yang memberatkan .

*Jika terdapat pemblokiran javascript sebaiknya pasangkan kode sync='async' sehingga menjadi seperti ini

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

*Dan apabila terdapat font awesome ini juga mengakibatkan pembelokiran sebaiknya simpan dalam javascript seperti ini  

<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
//]]>
</script>

Silahkan di peraktekan dan semoga dapat di mengerti meskipun penyampaian saya sangat tidak bisa di mengerti dan sebaiknya anda harus mengerti hehe .

Baca juga : Cara Mengatasi Render Blocking