Minggu, 31 Juli 2011

Mempercepat Loading Blog Dengan Mudah

Loading blog yang cepat bukan hanya idaman pemilik blog namun juga idaman pengunjung, sebab loading blog yang cepat akan menghemat waktu. Selain itu blog yang memiliki kecepatan cukup baik akan memiliki nilai lebih dimata search engine terutama google, konon katanya kecepatan blog/website cukup berpengaruh terhadap posisi di search engine. Ada beberapa hal yang berpengaruh terhadap kecepatan blog yaitu theme yang digunakan, banyaknya widget, ukuran gambar yang digunakan serta plug in yang aktif maupun tidak aktif. Berikut ini adalah beberapa langkah yang dilakukan untuk mempercepat kecepatan blog anda:

1. Cek kecepatan blog anda di Gtmetrix.com

gtmetrix Mempercepat Loading Blog Dengan Mudah
kecepatan blog sebelum dioptimasi
sebelum melakukan hal-hal untuk memperbaiki blog, pertama-tama cobalah untuk tes seberapa besar kecepatan loading blog, page speed grade dan Yslow grade anda di Gtmetrix.com , disini saya ambil contoh kasus blog awang jivi yang saya tes kecepatannya sebelum  blog awang jivi ganti theme:
Dari gambar diatas dapat dilihat bahwa blog saya ini sangat berat sekali dengan page load time 20 detik dan besarnya ukuran file diatas 400kb, Ini sangat berpengaruh sekali terhadap performa blog.

2. Hilangkan Widget yang tidak perlu

Sebelum tampilan yang sekarang ini, blog awang jivi penuh dengan widget yang berisikan link ke directory dan hal tidak penting lainnya. Setelah dihilangkan widgetnya,loading blog menjadi hanya 6 detik saja.sangat jauh sekali, setelah di tes ternyata directory yang paling menyedot kecepatan adalah topofblogs.com. Jadi bagi anda yang memasang button dari directory ini lebih baik dilepas saja.

3. Ganti Themes

Jika anda masih belum puas dengan performa blog anda coba ganti themes anda, kemarin saya mengganti theme dari lifestyle ke thesis 1.8 dan hasilnya seperti gambar di bawah ini:
gtmetrix2 Mempercepat Loading Blog Dengan Mudah
kecepatan blog setelah di optimasi
performa blog meningkat pesat dengan waktu loading dibawah 2 detik dan page speed grade dan yslow meningkat.

4. Gunakan plug in pendukung

Ada beberapa plug in yang dapat membantu meningkatkan kecepatan blog,informasi ini saya peroleh dari blog ogameslucky.com. 3 plug in tersebut adalah:
  1. Plugin WP Minify
    Plug in ini berfungsi untuk kompress dan minimalisasi CSS anda namun sebelum gunakan theme ini lebih baik back up theme terutama CSSnya untuk menghindari hal-hal yang tidak diinginkan.
  2. Gunakan plugin W3 Total Cache
    Plug ini berfungsi membuat data-data blog tersimpan dalam cache browser anda sehingga loading lebih cepat dan mengurangi beban server. Namun pengaturan plug in ini cukup ribet dan harus bolak-balik masuk hosting. karena sudah memakai plug in WP Minify lebih baik fitur Minify di theme ini dimatikan.
  3. Gunakan plugin WP Smush.it
    Plugin ini berfungsi untuk mengoptimalkan gambar dengan melakukan kompres, bisa juga dengan menggunakan plugin jQuery lazy load. berdasarkan saran dari blog ogameslucky saya gunakan keduanya.
Setelah menggunakan plug in diatas (kecuali W3 Total Cache karena masih mempelajarinya) kecepatan blog saya menjadi seperti dibawah ini:
gtmetrix 3 Mempercepat Loading Blog Dengan Mudah
kecepatan blog setelah dioptimasi dengan plug in
Namun karena saat memakai WP Minify, Pop Up di blog ini tidak keluar maka saya non aktifkan lagi. Blog saya yang lain dengan menggunakan pengaturan penuh page speed dan yslownya 94% dan kecepatan loading 1-2 detik. Memang plug in diatas sangat manjur sekali.
Tips : hapus plug in yang tidak terpakai, hal tersebut akan mempercepat blog anda dan mengurangi beban server.
Selamat mencoba, dan semoga kecepatan blog anda meningkat pesat dan menguasai search engine.

60 tutorial photoshop keren banget

Photoshop merupakan software favorit para tukang edif foto, baik yang masih pemula ataupun yang sudah profesional. Nah saya ada beberapa link menuju ke blog lain yang isinya adalah tutorial photoshop untuk membuat foto anda lebih cantik, lebih keren dan lebih indah tentunya. Nah tutorial ini di berikan dalam bahasa inggris, mau di translate ke bahasa indonesia saya tidak mengerti bahasa inggris jadi saya beri aja bahasa inggrisnya. icon smile 60 tutorial photoshop keren banget Tutorial yang di berikan kurang lebih jumlahnya adalah 60 buah yang berisi tutorial Text-effects,Movie techniques,Vector effects,Photo Retouching,Photo Manipulation,Digital Coloring, dan lain lain. Jadi dengan tutorial photoshop ini anda bisa membuat gambar vektor sendiri dan tidak perlu membayar orang lain untuk edit foto atau retouching foto anda. Nah bagi anda yang belum mempunyai adobe photoshop, anda bisa mendapakan adobe photoshop CS 4 gratis di blog ini.nah setelah download dan install anda bisa edit foto dengan photoshop.
Nah basa basinya sudah dulu, sekarang lihatlah 60 tutorial photoshop keren banget ini, untuk tutorialnya silahkan klik gambar maka anda akan di arahkan ke tutorial photoshopnya:
Text-effects:
master adv photoshop tut17 60 tutorial photoshop keren banget master adv photoshop tut15 60 tutorial photoshop keren banget master adv photoshop tut18 60 tutorial photoshop keren banget master adv photoshop tut14 60 tutorial photoshop keren banget
master adv photoshop tut24 60 tutorial photoshop keren banget master adv photoshop tut25a 60 tutorial photoshop keren banget master adv photoshop tut26a 60 tutorial photoshop keren banget master adv photoshop tut27a 60 tutorial photoshop keren banget
Movie techniques:
master adv photoshop tut12 60 tutorial photoshop keren banget master adv photoshop tut11 60 tutorial photoshop keren banget master adv photoshop tut13 60 tutorial photoshop keren banget master adv photoshop tut66 60 tutorial photoshop keren banget
Vector effects:
master adv photoshop tut10 60 tutorial photoshop keren banget master adv photoshop tut9 60 tutorial photoshop keren banget master adv photoshop tut8 60 tutorial photoshop keren banget master adv photoshop tut7 60 tutorial photoshop keren banget
master adv photoshop tut19 60 tutorial photoshop keren banget master adv photoshop tut20 60 tutorial photoshop keren banget master adv photoshop tut40 60 tutorial photoshop keren banget master adv photoshop tut62 60 tutorial photoshop keren banget
Photo Retouching:
master adv photoshop tut28 60 tutorial photoshop keren banget master adv photoshop tut29 60 tutorial photoshop keren banget master adv photoshop tut3 60 tutorial photoshop keren banget master adv photoshop tut30 60 tutorial photoshop keren banget
master adv photoshop tut39 60 tutorial photoshop keren banget master adv photoshop tut57 60 tutorial photoshop keren banget master adv photoshop tut58 60 tutorial photoshop keren banget master adv photoshop tut65 60 tutorial photoshop keren banget
Photo Manipulation:
master adv photoshop tut1 60 tutorial photoshop keren banget master adv photoshop tut23 60 tutorial photoshop keren banget master adv photoshop tut2 60 tutorial photoshop keren banget master adv photoshop tut21 60 tutorial photoshop keren banget
master adv photoshop tut6 60 tutorial photoshop keren banget master adv photoshop tut31 60 tutorial photoshop keren banget master adv photoshop tut35 60 tutorial photoshop keren banget master adv photoshop tut38 60 tutorial photoshop keren banget
master adv photoshop tut42 60 tutorial photoshop keren banget master adv photoshop tut44 60 tutorial photoshop keren banget master adv photoshop tut46 60 tutorial photoshop keren banget master adv photoshop tut56 60 tutorial photoshop keren banget
Web Buttons / Interface Elements:
master adv photoshop tut4 60 tutorial photoshop keren banget master adv photoshop tut16 60 tutorial photoshop keren banget master adv photoshop tut36 60 tutorial photoshop keren banget master adv photoshop tut37 60 tutorial photoshop keren banget
master adv photoshop tut41 60 tutorial photoshop keren banget master adv photoshop tut60 60 tutorial photoshop keren banget master adv photoshop tut55 60 tutorial photoshop keren banget master adv photoshop tut61 60 tutorial photoshop keren banget
Digital Coloring:
master adv photoshop tut34 60 tutorial photoshop keren banget master adv photoshop tut33 60 tutorial photoshop keren banget master adv photoshop tut32 60 tutorial photoshop keren banget master adv photoshop tut63 60 tutorial photoshop keren banget
Digital Painting:
master adv photoshop tut22 60 tutorial photoshop keren banget master adv photoshop tut43 60 tutorial photoshop keren banget master adv photoshop tut45 60 tutorial photoshop keren banget master adv photoshop tut47 60 tutorial photoshop keren banget
master adv photoshop tut48 60 tutorial photoshop keren banget master adv photoshop tut49 60 tutorial photoshop keren banget master adv photoshop tut50 60 tutorial photoshop keren banget master adv photoshop tut51 60 tutorial photoshop keren banget
master adv photoshop tut52 60 tutorial photoshop keren banget master adv photoshop tut53 60 tutorial photoshop keren banget master adv photoshop tut59 60 tutorial photoshop keren banget master adv photoshop tut64 60 tutorial photoshop keren banget