Friday, July 11, 2014

Cara untuk mempercepat loading blog

Cara untuk mempercepat loading blog memang banyak, Akan tetapi menurut saran kami dalam mempercepat loading blog jangan menggunakan script mempercepat loading blog, saya memang menganjurkan kepada anda agar tidak menggunakan script mempercepat loading blog karena selain script itu mengurangi nilai SEO terhadap blog anda, juga akan memperbanyak ukuran dari template yang anda gunakan serta script mempercepat loading blog ini belum tentu cocok dengan dengan kode-kode yang anda pasang pada template anda. Benarkah? Saya sendiri tidak yakin jika script ini tidak cocok karena saat saya menemukan kode ini diberbagai blog, para pemilik blog yang menuliskan script ini mengatakan jika ada beberapa template yang tidak mendukung atau tidak bekerja pada script mempercepat loading blog ini

Mempercepat loading blog atau blog yang ringan merupakan salah satu faktor utama yang akan mempengaruhi trafik pengunjung. Karena pengunjung kebanyakan tidak ingin menunggu lamanya loading tersebut untuk dapat membaca artikel blog anda, dan efek bounce yang tinggi pula akan selalu menghantui blog tersebut. Hal inilah penyebab para blogger melakukan berbagai upaya untuk meningkatkan kecepatan loading blog atau pun meringankan blognya. Saya kira ukuran loading suatu blog dapat dikatakan cepat apabila mendapat nilai minimal 80 bila menggunakan indikator pengukuran bagian desktop darihttp://developers.google.com/speed/pagespeed/insights/, jika kurang dari 80 maka bisa dikategorikan lambat dan harus ada upaya lebih lanjut agar dapat mencapai angka tersebut. Nah melalui postingan kali ini saya akan berbagi cara mempercepat loading blog diantaranya adalah :

A. Cara Mempercepat Loading Blog dengan Menggunakan CSS CompressorKompress lah CSS blog anda baik secara manual maupun secara otomatis, Secara manual tentunya anda harus lebih teliti memilah mana yang dapat dirangkum dan mana yang berdiri sendiri, Jadi saran saya gunakan saja tool yang telah banyak disediakan diberbagai situs. Sebagai contoh sobat bisa menggunakan http://www.csscompressor.com, http://cssoptimiser.com, http://imabblog.com/cssoptimizer/compress.html, http://tools.arantius.com/css-compressor, http://www.cssdrive.com/index.php/main/csscompressor
Langkah Kompres Template Blog
Blog atau website yang kita miliki mempunyai Loading yang Ringan dan ini akan memicu setiap pengunjung yang masuk ke halaman Blog/website Anda tidak kelamaan menunggu tampilan blog anda terbuka dengan sempurna. Terkadang kita juga suka bertanya-tanya apa sih yang membuat Blog/Website Loadingnya Lama? salah satu Faktor penyebabnya ialah karena terlalu banyak kode-kode HTML yang di pasang di blog.

Sebagai gambaran saja untuk memulai melakukan kompres HTML
Login dulu ke Blogger anda
ke rancangan
Edit HTML
Untuk berjaga-jaga download terlebih dahulu template anda
Copy semua Kode HTML template,(gunakan Ctrl+A agar lebih cepat)
Buka halaman Text Fixer ( http://www.textfixer.com/html/compress-html-compression.php )
perhatikan gambar di bawah ini dan ikuti langkah-langkahnya
Centang "Don't compress HTML head of document", lalu lik Compres HTML. Maka kode script HTML hasil kompresan akan muncul di bawahnya. Lalu copy kode tersebut dan pastekan di HTML Template anda tadi untuk mengganti kode HTML Template yang lama secara keseluruhan.











8. simpan template (lihat perbedaanya)


sebenarnya ada banyak layanan yang menyediakan KOmpres Kode HTML

http://cssoptimiser.com
http://mabblog.com/cssoptimizer/compress.html
http://tools.arantius.com/css-compressor
http://iceyboard.no-ip.org/projects/css_compressor
http://www.cssdrive.com/index.php/main/csscompressor

B. Cara Mempercepat Loading Blog dengan Memperkecil Ukuran Gambar Sudah pastilah bahwa ukuran gambar yang besar dalam parameter pixel ataupun kbyte akan menambah berat loading blog. Sobat blogger bisa mengurangi kualitas gambar sebagai salah satu cara tersebut ataupun sobat blogger bisa kompress gambar tersebut. Jadi usahakanlah ukuran file gambar atau foto yang digunakan sekecil mungkin.

C. Mempercepat Waktu Loading Blog dengan Meletakkan Script pada akhir editor templateWalaupun tidak semua script bisa diletakkan pada akhir, upayakanlah bagian script lebih diperioritaskan untuk diletakkan pada bagian akhir halaman edit template tersebut, karena pada bagian ini akan dibaca oleh browser jika bagian lain sudah selesai diproses..

D. Mempercepat Loading Blog dengan tidak mengulangi upload gambar yang samaGunakanlah Url gambar yang sama untuk dipakai berulang ulang jika memang diperlukan, tetapi jangalah mengupload gambar yang sama dengan alamat baru. Misalnya suatu gambar mempunyai alamat seperti :

http://2.bp.blogspot.com/-p1GF3p0Gai0/UiVmMIDOigI/AAAAAAAABHQ/khRhE1pG6zg/s1600/lagu.jpg
dan sudah digunakan pada suatu artikel blog kita, maka bila ada postingan lain yang menggunakan gambar yang sama maka sebaiknya menggunakan kembali alamat tersebut.

E. Meringankan blog dengan menghindarkan iklan yang berlebihanSeperti yang kita ketahui bahwa iklan selalu menggunakan gambar dan script, jadi usahakanlah jangan menambah iklan yang akan memperburuk waktu loading blog anda, Semakin sedikit iklan yang tampil di blog semakin menambah ringan suatu blog. Jikalau berkenan tidak ada iklan tentu akan lebih cepat lagi.

F. Mempercepat Loading Blog dengan tidak menggunakan background gambarBackground gambar sudah pasti lebih menarik dari pada background berupa warna saja bukan ?, Tetapi background gambar akan menambah lemot loading blog sobat, jadi sebaiknya ganti saja dengan background berupa warna jika anda menginginkan tambahan kecepatan loading tersebut. Jika anda belum tahu cara mengganti background bisa membaca artikel Daftar Kode warna background blog dengan warna

G. Mempercepat Loading Blog dengan membuang widget tertentuBuanglah widget yang tidak perlu, maksud saya adalah widget yang akan mempengaruhi jalannya loading blog sobat, misalnya saja widget jam, widget kalender, widget translate dan lain lain.

H. Mempercepat loading blog dengan CSS SpritesCara ini memang memerlukan suatu pengetahuan ataupun keahlian yang cukup agar kita dapat menggabungkan beberapa gambar ke dalam satu gambar. Agar pemanggilan gambar tersebut tidak serta merta menjadi berulang ulang yang tentunya akan memakan waktu loading. Karena setiap image akan selalu menggunakan ektra request http. Saudara bisa mencoba untuk menggunakan SpriteMe dengan mengunjungi situs http://spriteme.org.

I. Meringankan loading blog dengan LazyloadAda juga yang menambah kecepatan loading dengan menguunakan script lazyload, lazyload akan menunda loading gambar dengan mengutamakan script terlebih dahulu, sehingga seoalh-olah berjalan dengan lebih cepat. Dan anda bisa mencoba untuk meletakkan kode script di bawah ini di atas kode </head>, jika dirasakan tidak ada perubahan pada loading anda, maka ada baiknya dilepaskan lagi script tersebut.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/><script src='http://googledrive.com/host/0B2fPWv1fLnEnSjZSNUdIaXhscEk' type='text/javascript'/><script type='text/javascript'> $(function() { $(&#39;img&#39;).lazyload({ placeholder : &quot;http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png&quot;, effect : &quot;fadeIn&quot;, threshold : 100 }); });
</script>Jika di blog anda sudah ada jquery maka hapus <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/> di atas, dalam 1 blog hanya boleh ada 1 jquery.

Itulah sedikit pembahasan cara mempercepat loading blog, karena selain cara cara di atas masih banyak cara lain yang dapat digunakan yang tentunya selalu berkembang setiap saat, harapan saya semoga artikel ini dapat memberikan sedikit manfaat untuk blog anda.
Itulah sedikit pembahasan cara mempercepat loading blog, karena selain cara cara di atas masih banyak cara lain yang dapat digunakan yang tentunya selalu berkembang setiap saat, harapan saya semoga artikel ini dapat memberikan sedikit manfaat untuk blog anda.

Me

Post a Comment

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Jika ada Link Download rusak silahkan komentar dibawah ini
3. Jika Anda memiliki masalah silahkan bertanya di papan komentar
4. Silahkan menyertakan link artikel ini yang mau share ke blog Anda .

Credits