Trik Mempercepat Loading Blog
Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.
Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
- Masuk ke akun blogger anda
- Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
- Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
- Beri tanda centang pada Expand Template Widget.
- Cari kode </head> gunakan CTRL + F pada keyboard.
- Lalu letakkan kode berikut di atas kode </head>.
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicoPVeINg6yG1EAevNhBcV45cb-edYFBTVJ_yNr-U_AawfGCPBVhkOoq6-19w1oiq56rx-kufoHWJiebMGdUKLHu_bcUBAFXugS_zuSkudtQkcPmJPr5QZbAE0dIdPlR62_h9PYmuJF3k/",threshold : 200}); }); </script>
- Terakhir klik Simpan Template.
Related Posts
Anda sedang membaca artikel tentang Trik Mempercepat Loading Blog dan anda bisa menemukan artikel Trik Mempercepat Loading Blog ini dengan url http://blackyz-art.blogspot.com/2013/06/trik-mempercepat-loading-blog.html. Anda boleh menyebarluaskan atau mengcopy artikel Trik Mempercepat Loading Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.
2 Comments
Sebenarnya cara ini banyak berubah/sama tetapi menggunakan metode yang berbeda dengan yang aslinya, pembuat aslinya yaitu:
ReplyDeletehttp://www.appelsiini.net/projects/lazyload
Pada dasarnya script lazyload aslinya akan merubah atribut data-original menjadi atribut src ketika kita menscroll browser kita. Saya belum pernah mencoba memakai script di atas karena menurut saya browser masih akan tetap meload gambar.
Memang benar cara ini dapat mempercepat load blog kita, tetapi untuk pengguna CMS Self Host bisa menggunakan salah satu fitur mod_pagespeed dari Google. Ini linknya jika berminat:
https://developers.google.com/speed/pagespeed/module/filter-lazyload-images
Penggunaan mod_pagespeed filter lazyload images ini sama dengan cara yang menggunakan script, perbedaannya hanya terletak pada tempat pemrosesannya saja, jika menggunakan script diproses di sisi client/browser kita, sedangkan jika menggnakan mod_pagespeed filter lazyload images diproses di sisi server.
Ada juga cara lain untuk memepercepat load blog untuk yang menggunakan CMS Self Host, seperti dengan menambahkan beberapa rule di .htaccess. Yang ingin menggunakan cara ini bisa mengunjungi link berikut:
http://dhenycahyoe.github.io/labs/cache-wordpress-dengan-htaccess/
Untuk pengguna blogspot memang sulit mempercepat load blog, tetapi saya mempunyai sedikit saran:
1. Jangan menggunakan gambar dan iklan yang berlebihan.
2. Gunakan penyedia CDN (Content Delivery Network) untuk script-script tertentu seperti jQuery yang disediakan Google dengan link:
http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
Atau Twitter Bootstrap yang disediakan netDNA:
http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js
3. Utamakan konten dan jangan memasang widget yang tidak penting seperti cBox, jam dan sebagainya.
4. Usahakan menggunakan template yang simpel dan elegan serta user friendly atau dengan kata lain memanjakan pengunjung.
5. Jangan memasang script yang tidak terlalu berguna seperti scrip untuk memberikan efek bintang jatuh dan sebagainya.
Hehehhe mungkin itu sedikit komentar dan tambahan dari saya, semoga bermanfaat.
seph Thx"
ReplyDelete