Cara Mempercepat Loading Pada Blog Tanpa Ganti Template
Sering kali para blogger merasa resah terhadap kecepatan atau loading pada blog mereka masing-masing, ingin mengganti template yang ada namun terasa sudah nyaman akan tampilan yang ada.
Namun tak segelintir orang yang tahu bahwa kecepatan pada blog mereka dalam meload/menampilkan konten didalamnnya sangatlah berperan penting terhadap kenyamanan pengunjung hingga pengindexan mesin telusur dalam menampilkan artikel pada halaman utama mereka.
Nah untuk itu saya mempunyai cara yang mungkin bisa untuk diterapkan pada masing-masing template kalian agar meringankan beban berat pada blog kalian :D, Namun sebelumnya cara ini dikhususkan untuk Domain yang dihosting ke blogspot. Simak ulasannya berikut ini :
1. MINIFY CSS
Cascading Style Sheet (CSS), Sumber elemen inilah yang berperan sebagai pengatur warna, besar huruf, sampai tata letak tampilan yang dapat menyebabkan blog terasa lambat apalagi jika template yang agan gunakan menampilkan tata letak huruf font yang banyak, pastinya hal itu akan memakan waktu respon server saat terhubung ke visitor untuk itu memperkecil CSS adalah pilihan tepat agan dapat memperkecilnya malalui tools online seperti website :
2. MENEMPELKAN JAVASCRIPT LAZY LOADING PADA TEMPLATE
Lazy Loading akan membantu dalam pemuatan resource media seperti gambar dan video cara ini akan mengehemat waktu penundaan tampilan media yang tidak penting dan hanya akan tampil bila visitor anda menscroll halaman blog anda. dan cara penggunaan lazy loading sendiri yaitu :
- Buka Blog
- Tema => Edit HTML
- Cari </Head> atau </Head> lalu paste kode di bawah ini diatasnya
<script charset=’utf-8′ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/>
<script src=’http://cuerosb.googlecode.com/files/cueros%20-lazyload.js’ type=’text/javascript’/><script charset=’utf-8′ type=’text/javascript’>$(function() {
$("img").lazyload({placeholder :
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpn_xWXQ461Yf4yALXI9hqBDiLOR6luNMkcEM7O_uDZ1o_-2OZRo3k7vouuOGBcJiqxkP4usWSa4ubxQ3J5ld4nZ02wB3s56PLJ7j2MdJ2TxmKvD58-mYy-eksWDM5AacCTHhIfZLq1p0/",threshold
: 200});
});
</script>
3. MENGGUNAKAN EXPIRES HEADER
- Buka Blog
- Tema => Edit HTML
- lalu paste kode di bawah ini sebelum </Head> atau </Head>
<include expiration=’7d’ path=’*.css’/>
<include expiration=’7d’ path=’*.js’/>
<include expiration=’3d’ path=’*.gif’/>
<include expiration=’3d’ path=’*.jpeg’/>
<include expiration=’3d’ path=’*.jpg’/>
<include expiration=’3d’ path=’*.png’/>
<meta http-equiv=”expires” content=”sat, 02 jun 2020 00:00:00 GMT”/>
4. MENGGANTI PENGGUNAAN JAVASCRIPT DARI EXTERNAL KE INTERNAL
Keuntungan menggunakan javascript internal adalah respon waktu server yang lebih efektif tanpa harus memanggil data dari server utama ke server lain terlebih dahulu, untuk cara pengubahannya adalah sebagai berikut ini.
- Buka Blog
- Tema => Edit HTML
- lalu cari kode script biasanya akan disimpan dengan domain lain seperti subdomain dengan awalan "cdn" seperti script di bawah ini
<script src='https://cdn.rawgit.com/lewatinaja/lewatinaja.js'/>
// file-eksternal.js
alert("Kode Javascript dari File Eksternal");
lalu ganti script dibawah ini
<script src='https://cdn.rawgit.com/lewatinaja/lewatinaja.js'/>
menjadi seperti berikut ini :
<script type="text/javascript">
//<![CDATA[
// file-eksternal.js
alert("Kode Javascript dari File Eksternal");
//]]>
</script>
nah javascript anda sudah berada di dalam satu source pada blog agan yang akan membuat kinerja server tidak akan terbebani lagi karena harus memanggil source di server yang berbeda.
sampai sini dahulu yang bisa saya sampaikan semoga artikel ini membantu anda dalam mempercepat loading pada blog tanpa harus ganti template dan jangan lupa jika kalian menyukai artikel ini silahkan share ke media sosial kalian guna membangun website ini agar lebih berkembang dalam memberikan informasi kepada kalian. terima kasih
Cara Mempercepat Loading Pada Blog Tanpa Ganti Template
Reviewed by Bella Isyana
on
12/25/2019
Rating:
Post a Comment