MalTech - Malang Techno halo semuanya... pada kesempatan kali ini Admin akan membagikan tutorial 3 Cara Mempercepat Loading Blogger Dengan Mudah.
Di sini Admin akan membagikan 3 cara untuk mempercepat loading blog kalian guys. |
| Sumber : Dreamstime.com |
Dan tentunya 3 cara untuk mempercepat loading blog ini sangat mudah di terapkan.
Kalian tertarik untuk mencobanya ?
Yuk langsung saja kita ke tutorial.
Cara Pertama :
Untuk cara yang pertama kalian bisa menggunakan Expires Headers dengan cara berikut.
Buka Blogger lalu pergi ke bagian menu Theme atau Template lalu klik Edit HTML dan kalian bisa menerapkan kode berikut di bagian bawah <head> atau di atas kode </head> :
<include expiration='7d' path='*.js'/>Jika sudah mengganti kode di atas tersebut lalu klik simpan.
<include expiration='7d' path='*.css'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<include expiration='3d' path='*.gif'/>
<meta http-equiv="expires" content="sat, 02 jun 2020 00:00:00 GMT"/>
Cara Kedua :
Untuk cara yang kedua kalian bisa mematikan atau mendisable Blogger CSS Budle dengan cara berikut.
Buka Blogger lalu pergi ke bagian menu Theme atau Template lalu klik Edit HTML dan kalian bisa
mengganti kode berikut :
Bagian kode <head > kalian ganti dengan :
<head>Bagian kode </head> kalian ganti dengan :
lt;/head><!--<head/>-->Bagian kode </body> kalian ganti dengan :
<!--</body>--> </body>Jika sudah mengganti kode di atas tersebut lalu klik simpan.
Cara Ketiga :
Untuk cara yang ketiga atau yang terakhir yaitu menggunakan Load Font CSS dari Javascript dengan cara berikut.
Buka Blogger lalu pergi ke bagian menu Theme atau Template lalu klik Edit HTML dan kalian bisa menerapkan kode berikut di bagian atas kode </body> atau <!--</body>--> </body> :
<script type='text/javascript'>
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("//fonts.googleapis.com/css?family=Open+Sans:400,700");loadCSS("//fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
</script>
Untuk yang di beri tanda merah adalah link fonts yang kalian gunakan.
Jika sudah mengganti kode di atas tersebut lalu klik simpan.
Keterangan :
Fungsi menerapkan Expires Headers untuk memberitahu browser apakah harus meminta file dari server atau harus mengambil dari cache browser.
Fungsi mematikan atau mendisable Blogger CSS Budle untuk mematikan atau mendisable CSS bawaan blogger yang tidak terpakai.
Fungsi menerapkan Load Font CSS dari Javascript untuk mengatasi rendering yang tertunda atau render-blocking.
Penutup :
Bagaimana ?
Mudah bukan ?
Jika kalian kebingungan atau kesulitan bisa memberikan komentar di bawah.
Terima kasih sudah berkunjung ke MalTech - Malang Techno.
Jika sudah mengganti kode di atas tersebut lalu klik simpan.
Keterangan :
Fungsi menerapkan Expires Headers untuk memberitahu browser apakah harus meminta file dari server atau harus mengambil dari cache browser.
Fungsi mematikan atau mendisable Blogger CSS Budle untuk mematikan atau mendisable CSS bawaan blogger yang tidak terpakai.
Fungsi menerapkan Load Font CSS dari Javascript untuk mengatasi rendering yang tertunda atau render-blocking.
Penutup :
Bagaimana ?
Mudah bukan ?
Jika kalian kebingungan atau kesulitan bisa memberikan komentar di bawah.
Terima kasih sudah berkunjung ke MalTech - Malang Techno.
EmoticonEmoticon