Mempercepat loading pada Blog merupakan hal yang penting menurut Master Jin. Mengapa ?? Ya, karena dengan fast loading dalam suatu Blog merupakan syarat membuat pengunjung betah di Blog kita. Banyak orang terkadang lupa akan hal ini atau lalai dalam pemberian CSS atau Javascipt berlebihan akan membuat loading Blog menurun.
Triks Loading Blog ini hanya mengatur pada penempatan CSS, Jquery, dll. yang benar. Terkadang tidak semua orang menganggap triks ini tidak akan merubah apapun, tapi mari kita buktikan.
Pada kode CSS
Silahkan atur penempatannya secara rapi, tidak harus secara urut. Anda juga bisa dengan mengompresnya, tapi ingat Anda harus benar-benar ingat dengan kode CSS tersebut. Terkadang CSS yang terkompres belum tentu menjadi beauty. Setelah itu silahkan Anda atur dengan Tag Kondisional.
Contoh Pengaplikasiannya
.cintaku-cintamu { position:relative; width:80%; padding:1em 1.5em; margin:2em auto; color:#fff; background:#97C02F; overflow:hidden; }
Pada pembungkusnya <style type='text/css'>...CSS...</style>
silahkan taruh pada awal dan akhir CSS.Pada kode Jquery
Tidak berbeda dengan CSS tadi, Anda juga harus mengatur Tag Kondisional. Tapi, tidak harus Anda kompres. Jika tidak terbiasa mengompres Jquery saya katakan tidak usah.
Contoh Pengaplikasiannya
//<![CDATA[
$("#comment_block").each(function(){$('i[rel="pre"]',this).replaceWith(function(){return $("<pre></pre>").append($("<code></code>").append($(this).contents()))});$('i[rel="code"]',this).contents().unwrap().wrap("<code/>")});
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
Biasanya terdapat kode
<script type='text/javascript'>...Jquery...</script>
. Jadi, kesimpulannya gunakan pembungkusnya tersebut pada awalan dan akhiran.Tidak kalah pentingnya yang lain yaitu pada Gambar silahkan Anda menggunakan triks Base64 dan matikan fungsi .js jika perlu.
44 comments
masih belum paham sob, soalnya saya takut setelah mengubahnya tampilan blog jadi aneh, terutama pada CSS :D
X ✓Kayaknya trik ini mantep sekali mas, tapi saya mesti belajar dulu, makasih sudah berbagi info.
X ✓coba merapikan ✑ penempatan mas
X ✓sama-sama sob :)
X ✓terimah kasih atas tipsnya :D :D
X ✓sama-sama Mas Wawan..
X ✓Terima kasih atas tipsnya master..
X ✓pasti dicoba nie..
silahkan Mas dengan senang hati :)
X ✓oke gan..! setiap pembuka pasti ada penutup.., makasih, btw template baru ni sob! *smile
X ✓Keren master, ya walaupun kecepatan sebuah loading blog apalagi di geometrik bukan ukuran tp ya harus di coba, kalau saya ngetes cuma pake bing webmaster.
X ✓yups. harus teliti dalam penempatan juga
X ✓benar Mas. banyak alternatifnya kok :)
X ✓bisa tak cobain nih, biar cepet kaya blog ini...makasih sob...
X ✓silahkan Mas :)
X ✓ilmunya mantab mas. makasih banyak :)
X ✓sama-sama Mbak :-d
X ✓oh mengatur penempatannya saja , begitu?
X ✓mantab terima kasih dah berbagi
X ✓semoga bermanfaat mas.
X ✓Ikut mencoba beres-beres gan. Walau belum beres-beres juga.... Loading blog saya masih LOLA...
X ✓Salam Blogging.
@Imron Fhatoni Thanks ya sobat...
yups..kurang lebih begitu Mas :)
X ✓Amin :)
X ✓silahkan Mas. semoga berhasil :-bd
X ✓ada trik baru nih gan... :D
X ✓wah keren mas, blognya mantab :-d
X ✓- salam damai!
sukses selalu!
iya gan..
X ✓makasih mas :-bd
X ✓Informasi yang sangat BERMANFAAT..
X ✓Terima kasih..
Semoga SUKSES & salam KENAL dari :
==============================
Paket Usaha Ayam Tulang Lunak “GEROBAKAN”
Tempenya Makin Keren Aja Gan :D
X ✓makasih gan :-d
X ✓milik agan juga keren..
okedeh :-bd
X ✓wiihh ane hampir kalah nih... :D
X ✓Yah, kirain mau di kasih tau cara-caranya :D
X ✓ane mempelajarinya juga dari Blog MDF juga kang :D
X ✓di atas itu sudah cara-caranya Mas..
X ✓blom ada yg baru ni dik :)
X ✓adminnya baru sibuk :D
X ✓Hehe, maaf salah ketik :D
X ✓Saya coba dulu mengaplikasikannya..
mas, apakah gambar base64, bisa ditampilkan di thumbnail homepage?
X ✓keren nih mas :) nitip jejak dulu nih
X ✓Setelah dicoba ternyata kecepatan loading blog meningkat...terima kasih sob.
X ✓saya belum menemukan untuk mengubah otomatis ke base64. coba dengan CSS atur dengan manual, jika di nibbler sangat membantu
X ✓silahkan mas
X ✓sama-sama sob..
X ✓1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar
Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"
KONVERSI KODEEMOTICON