Cara memperbaiki kecepatan loading template evo magz buatan mas sugeng

Siapa sih yang tidak kenal dengan template seo user dan mobile friendly yang bernama evo magz buatan mas sugeng? template evo magz ini sudah banyak sekali yang menggunakannya, dan saya sendiripun sangat tertarik untuk mencobanya. Namun setelah saya mencobanya, ada satu hal yang tidak saya sukai dari template evo magz buatan mas sugeng ini, yaitu dalam hal kecepatan loading yang sangat kurang terutama untuk versi mobile, dan untuk memperbaikinya sedikit lebih sulit dibanding template-template lain yang pernah saya gunakan, namun berkat kesabaran akhirnya saya berhasil juga mempercepat loading template evo magz, dan buat teman-teman yang ingin memperbaikinya, disini saya akan memberikan tutorial cara memperbaiki kecepatan loading template evo magz buatan mas sugeng.

Berapa kecepatan template evo magz menurut google page insight?

Saya melakukan percobaan dengan blog yang terisi 2 artikel sample, tanpa iklan dan hanya menggunakan widget popular post, hasil yang didapat adalah 74/100 untuk versi mobile, dan 90/100 untuk versi desktop.

Saya rasa sangat kurang, bagaimana kalau sudah terpasang iklan adsense yang rata-rata menghambat speed 10-30%?, pasti akan semakin lambat, ditambah lagi dengan banyaknya artikel, pasti kecepatannya akan semakin kurang bagus.

Cara memperbaiki kecepatan template evo magz

Pertama test dulu kecepatannya menggunakan google page insight, maka kita akan melihat masalah yang harus diperbaiki seperti pada gambar dibawah ini

Kesalahan yang harus diperbaiki adalah:

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700
https://maxcdn.bootstrapcdn.com/�t-awesome/4.6.3/css/font-awesome.min.css
https://www.blogger.com/�/v1/widgets/3887294567-css_bundle_v2.css
https://www.blogger.com/�&zx=fc5b9867-4cc6-401e-8c12-544e2811c223

Untuk memperbaikinya silahkan download dulu kodenya disini, setelah selesai di download, silahkan masuk ke setelan -- > template --> edit HTML.

Cari kode <b:skin><![CDATA[/* ganti dengan &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[

Cari kode ]]></b:skin> tambahkan kode */ didepannya atau menjadi */]]></b:skin>

Lalu hapus kode ini (berada di atas  <b:skin><![CDATA[/* )
<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>

 Lalu tambahkan kode ini tepat di atas </head>
<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
<script type='text/javascript'>
function loadCSS(e, t, n) { &quot;use strict&quot;; var i = window.document.createElement(&quot;link&quot;); var o = t || window.document.getElementsByTagName(&quot;script&quot;)[0]; i.rel = &quot;stylesheet&quot;; i.href = e; i.media = &quot;only x&quot;; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || &quot;all&quot; }) }
loadCSS(&quot;//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&quot;);loadCSS(&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css&quot;);
</script>

Dan terakhir cari kode
<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/> lalu hapus

Terakhir simpan template dan lihat lagi hasilnya menggunakan google page insight, hasil dari eksperimen saya seperti pada gambar dibawah ini

Score kecepatan 97/100 versi mobile dan 97/100 versi desktop, kecepatan akan tetap mengalami perubahan setiap kali ada postingan baru yang menggunakan gambar dan kalau blog sudah dipasangi iklan adsense.

Itulah cara memperbaiki kecepatan loading template evo magz buatan mas sugeng, dan semoga bermanfaat.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest