Rabu, 07 Januari 2015

Beberapa Trik Untuk Mempercepat Loading Blogspot

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.
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

About

Blog & DKE Creative

Ahlan Wa Sahlan.
Selamat datang di Blog DKE Creative, isi dari blog ini mengenai tutorial dan trik seputar blogspot yang bisa antum aplikasikan pada blog yang antum miliki.

Most Commented

Formulir Kontak

Nama

Email *

Pesan *

1435 H © Blog DKE Creative - All Right Reserved
Designs by : DKE-Creative