Sudah lama saya tidak membahas tentang
trik dan tips blog, sekarang ini banyak blogger membuat artikel atau
posting tentang trik dan tips dan di artikel tersebut tidak sedikit
artikel trik tips blog yang bermain dengan yang nama CSS, Javascript
dll. Nah dari hal tersebut mungkin banyak blogger yang menerapkan trik
tapi tidak dioptimalkan jadinya loading blog sangat berat saat dibuka.
Berikut ini adalah beberapa tips trik saya untuk mengoptimalkan loading
blog saya.
Sebelum menerapkan tips ini Anda harus menyimpan template Anda untuk
memulikan kembali jika ada suatu keselahan penerapan kode atau gagal.
CSS Optimization : Kode CSS merupakan hal pertama dah mudah untuk
kita optimalkan, agar lebih ringan kita compress agar pembacaan saat
membuka blog kita jadi lebih cepat. Jika ingin mencobanya silahkan
kunjungi tools CSS compressor.
Mengoptimalkan gambar : weblog misalnya yang bnyak berisi berita
hiburan banyak menggunakan gambar dan itu salah satu penyebab blog
lambat, jadi cobalah menggunakan format JPG untuk semua gambar. Jangan
menyalin link ke gambar pada situs-situs lain seperti photobucket, pakai
asli host dari blogger yaitu di Picasa. Kemudian agar tambah ringan
Anda bisa menggunakan software JPEG Compressor untuk mengurai besar file gambar.
Berikut contoh gambar setelah di compres dengan JPG Compressor, kedua gambar dalam format JPG (tanpa mengurai kualitas gambar) :


13Kb -> 400% -> 3Kb
Mengoptimalkan javascript : jika kita menambahkan script pada
template terlalu banyak dapat menyebabkan penundaan yang signifikan,
namun ada beberapa cara untuk mempercepat loadingnya. Kita dapat
menyisipkan kode dalam file secara langsung Js dalam template. Dengan
menmabhkan kode
<script type='text/javascript'> //<![ CDATA [
kode
//]]></ Script>
Note : penggunaan file JS secara langsung di template dapat
menyebabkan SEO kurang bagus karena Google kurang suka kalau pemakaian
kode yang terlalu panjang. Jadi saran saya gunakan link dari host
seperti code.google, dropbox dll, yang hanya memiliki ukuran <10KB.
Anda juga dapat mengompres dengan mengunjungi alamat ini JS Compressor
(catatan bahwa kompresi tidak selalu berhasil). Script harus dimasukkan
pada akhir dari kode template biasanya dekat dengan kode </ body>.
Trik selanjutnya yang jarang diterapkan seorang blogger yaitu pemakaian sebuah script.
Pemakaian sebuah script tidak selalu dimuat di semua halaman di blog.
Sebagai contoh, situs Anda memiliki slider pada homepage menggunakan
efek jquery (seperti Blog saya ini). namun saat membuka halaman posting
slider Anda Hidden apakah kode Slider digunakan? Tentu saja tidak, Untuk
itu gunakkan trik menampikan widget dihalaman tertentu saja, mislanya :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='jquery.js' type='text/javascript'/>
</b:if>
Di atas hanya sebuah contoh, mari kita terapkan ini untuk script seperti related posts atau semacam itu.
Batasi penggunaan utilitas eksternal : seperti widget dari
Linkwithin, Disqus, Facebook Fanpage ...
Meskipun sangat bagus dilihat, tetapi widget tersebut menyebabkan loading lama dan SEO buruk.
Meskipun sangat bagus dilihat, tetapi widget tersebut menyebabkan loading lama dan SEO buruk.
Read more otmatis, mungkin blogger sudah memberikan fitur
tersebut namun kemampuannya untuk menyesuaikan tidak tinggi. Karena
itulah kebanyakan blogger menggunakan Auto read more menggunakan script
karena lebih praktis dan simple. Tapi ini juga menjadi penyebab LOLA
(loading lama), karena tidak seperti fitur asli dari Blogspot, seluruh
isi posting ini (bahkan semua gambar) dimuat di Home, hanya tersembunyi
9itulah trik read more dengan script).
Bahkan jika gambar terlalu besar, kerugian akan terjadi di Home loading
lama. Saya sarankan untuk tidak menggunakan script otomatis, Anda dapat
merujuk pada prosedur tanpa javascript auto-tombol di bawah untuk
memperbaiki ini. Namun untuk template saya sudah terlanjur
menggunakkannya jadi kalau mau kembali lagi ke fitur blogger asli saya
agak malas mengedit posting satu persatu, maka dari itu saya hanya
menmapilkan beberpa posting saja di home jangan banyak-banyak maximal 4
laaah...
Mungkin sedikit dari saya tak banyak kata tak banyak ngomong, saya ucapkan terimakasih semoga bermanfaat, next time.

Tidak ada komentar:
Posting Komentar