19 Tips Optimasi Kecepatan Blog dan Menjaga Pengunjung Tidak Kabur

06. Oct, 2009 52 Comments

Sahabat Blogger, kecepatan loading adalah salah satu faktor penting dalam performa blog di mata pengunjung . Sudah bagus-bagus buat blog, pengunjung malah kita suruh nunggu lama buat loadingnya. Banyak sekali tips mempercepat tampilnya suatu blog dan berikut adalah kumpulan tips super ampuh yang saya kumpulkan dari beberapa sumber  tentang mempercepat tampilan Blog. Di banyak website yang membahas topik serupa saya perhatikan ada beberapa poin yang sama (dengan kata lain: banyak yang merekomendasikan dan membuktikannya), jadi di sini saya sampaikan dari yang paling penting dan paling gampang dilakukan ala BloggerSpeed tentang “HOW TO SPEED UP A BLOG PERFORMANCE”.

Bayangkan saja kalau pengguna internet harus menunggu beberapa menit sampai  wesite/blog kita tampil di layar kaca (computer maksudnya). Bakal ada komentar gak enak seperti. Websitenya kok lemot, blog ni lelet, bisa apa gak bisa kebuka’ sih websitenya, blognya susah di akses, kenapa loadingnya lama, websitenya menyebalkan. Nah giliran pemilik website yang coba buka… Waduh! Terus berfikir “ jangan-jangan pada lari pelanggan tetap  pengungjung blog ku”. Yang belum jadi pelangga? Ehm.. kira-kira malah bisa-bisa ill-feel (ilang feeling hehe) dengan kesan pertama yang tidak menggoda.

Menurut survey (hasil googling) ketika blog kita loadingnya 3 detik kita akankehilangan 40% pengunjung.Kalau setelah lebih dari 8 detik maka  kemungkinan pengunjung kabur 90%. Kalau situs Google loadingnya sampai lebih dari 1 detik mereka kehilangan traffic dan profit sampai 20%. Kelihatanpenting banget kan waktu load blog kita.

  1. Gunakan sesedikit mungkin gambar/image, css/style sheet, script, flash object di blog.
  2. Gunakan website penyimpan gambar diluar server Anda. Seperti Flickr.com, Photobucket.com dll.
  3. Optimasi gambar: Setelah selesai mengedit gambar yang akan digunakan untuk mempercantik artikel jangan lupa untuk mengoptimasinya dengan cara “save for web” dimana ukuran dan warna akan di optimasi sehemat mungkin oleh image editor (Photoshop sebagai contoh). Semakin tinggi tingkat optimasinya semakin berkurang ukuran file nya sekaligus kualitasnya. Sehingga pinta-pintarlah memilih setting yang sesuai. Kalau mau yang online ada juga image optimizernya.
  4. Selain itu pilih format  tertentu untuk jenis image tertentu. JPG digunakan untuk menyimpan gambar foto (hasil jepretan kamera). Format GIF untuk gambar logo atau tombol saja yang variasi wananya lumayan sedikit. Nah kalau tingkat keberagaman warna gambar kita itu lumayan banyak tetapi itu bukan gambar foto atau yang true color pakai saja PNG bukannya GIF.
  5. Optimasi CSS: Pakailah Clean CSS tool untuk mengurangi properti yang berulang dalam kode css ataupun whitespace yang kita pikir biasa, padahal ikut berperan dalam me load halaman. Jadi intinya membersihkan css dengan alat tersebut biar css blog kita bersih dari yang semestinya tidak kita perlukan.
  6. Tempatkan Javascript di luar file/filenya terpisah sebagai file .js daripada menulis semuanyadi bagian head. Situs bagus tentang hal ini: http://javascriptcompressor.com
  7. Menggunakan slash (/) pada akhiran URL blog kita. Sebagai contoh saya menulis alamat blog saya: http://bloggerspeed.com/ bukannya http://bloggerspeed.com. Jadi server tidak perlu mikir-mikir lagi waktu akan me-load halaman tersebut dan langsung dikenal sebagai halaman direktori.
  8. Gunakan Height dan Width tag: Banyak orang tidak menghiraukan ukuran gambar dalam kode image. Padahal kalau langsung kita isi ukuran gambarnya langsung browser akan mengetahui ukuran gambar sebelum me-load image tersebut. Pastinya mempercepat blog muncul bersama gambar-gambarnya.
  9. Jangan memakai auto-play video atau audio. Membuat lambat dan cukup mengganggu. Saya pernah membuka blog salah seorang sahabat. Belum kelihatan blognya malah sudah kedengaran channel radio yang lagi memperdengarkan lagu request (secara, di mayoritas warnet akses internetnya minim bandwidth). Iya kalau pengunjung suka musik tersebut. Kalau tidak? La tau sendiri kan.
  10. Tempatkan Widget dan komposisi isi  dari yang paling penting menurut fungsi ditaruh di atas lalu berikutnya di bawah. Jadi pengunjung bias melihat hal-hal yang pengen mereka tahu seandainya mereka tidak sempat scroll ke bawah halaman.
  11. Sadarilah kalau mayoritas internet addicts atau penjelajah internet rata-rata sudah “banner blind”. Tidak berminat pada iklan banner. Jadi bijaksanalah kita mempertimbangkan penempatan karena kemungkinan jika tidak di tempat dan ukuran banner yang tepat akan diacuhkan oleh pengunjung.
  12. Jangan terlalu suka mengisi semua bagian blog dengan  terlalu banyak hal. Karena kelihatan agak kosong sedikit mayoritas blogger akan berusaha mengada-adakan object di situ. Entah iklan yang berjublel, money making widget, entah flash game, gambar gif atau animasi yang blink-blink,  dan sebagainya. Cobalah membuat mata pengunjung sesak dengan member sela-sela antar bagian blog karena itu tidak akan membutuhkan waktu tambahan sebuah blog termuat di browser. “Simplicity is where it’s at” bagi saya. Coba lihat tampilan blog ini! Simple bukan. Karena saya membuat blog dan mengatur tata-letak dengan selera pribadi yang suka kesederhanaan (halah).
  13. Menghilangkan menyingkirkan atau mengurangi link di footer: nama blog, rss feed url, commet feed url yang sebenarnya menambah query database blog. Kalau link powered by WordPress nya dihilangkan sebenarnya juga boleh lho, tetapi banyak saja blogger yang sungkan (rikuh, bahasa jawanya) atau tidak tahu kalau pasang link ke wordpress ini sunnah (opsional), jadi untuk hal yang satu ini tergantung Anda.
  14. Cobalah mengecek kecepatan loading blog Anda dengan Cari di google “web speed tool” dan  juga Google Page Speed. Sebagai tambahan cari plugin untuk firefox itu hal yang sama.
  15. Periksa error yang mungkin ada di halaman web dengan addon FirebugFirefox https://addons.mozilla.org/firefox/addon/1843
  16. Install juga Yslow Firefox addon untuk mengetahui lambatnya blog diakses berdasar standar Yahoo Website Performance. Https://addons.mozilla.org/en-US/firefox/addon/5369

Tambahan Tips Peningkatan Loading Blog WordPress:

Semisal Anda memakai wordpress sebenarnya sudah cukup hemat waktu loading secara umum. Tips berikut layak juga diperhatikan:

17. Selalu upgrade wordpress terbaru, mempertimbangkan pasti ada saja Performance Enhancement (peningkatan kecepatan loading blog wordpress).

18. Penggunaan plugin terlalu banyak akan memperberat loading website. Jadi pertimbangkan untuk menginstal plugin yang  benar-benar diperlukan saja. Disable atau delete plugin yang tidak perlu. Jangan lupa upgrade plugin terbaru ketika tersedia.

19. Instal Caching Plugin: WP-Cache or WP-Super-Cache yang fungsinya menangkap cache sehingga tidak akan dibutuhkan waktu lama untuk memuat file yang sama waktu blog diakses.

Pengen dengar Blog Tips  dari Blogger Profesional tentang Optimasi Kecepatan Blog:

http://www.dailyblogtips.com/6-ways-to-speed-up-your-site/

http://blogosquare.com/2007/05/05/resize-your-posts-images-to-boost-your-blogs-speed/

http://www.bytetips.com/how-to-speed-up-blog-and-any-website/

http://www.earnersblog.com/digproof-your-wordpress/

http://wordpressgarage.com/tips/38-ways-to-optimize-and-speed-up-your-wordpress-blog/

Semoga tips-tips menambah kecepatan loading ala bloggerspeed ini bermanfat. Kalau ada tambahan dari sahabat blogger, silahkan share di sini. Saya berdoa, semoga blog Anda bisa diakses cepat secepat kilat, semisal tidak cukup cepat, minimal pengunjung tidak kabur dulu sebelum melihat isi blog Anda yang menarik dibaca mereka:-)

Twitter Digg Delicious Stumbleupon Technorati Facebook
Blog Tips
, ,

52 Responses to “19 Tips Optimasi Kecepatan Blog dan Menjaga Pengunjung Tidak Kabur”

  1. hadi 06. Oct, 2009 at 7:41 am

    oke siip tipsnya, sebagus kecepatan blog ini..
    speed bgt

  2. Bloggerspeed 06. Oct, 2009 at 7:50 am

    @Hadi, Thanks mas Hadi :-)

  3. sawali tuhusetya 06. Oct, 2009 at 9:42 am

    tipos yang sangat bermanfaat ini, mas. makasih banget, yak. memeng benar, speed loading blog akan sangat berpengaruh terhadap pengunjung. blog ber-content bagus bisa jadi miskin pengunjung kalau loadingnya lemot.

  4. hpnugroho 06. Oct, 2009 at 2:35 pm

    terima kasih atas tambahan bahasan mas ..
    ada satu pertanyaan yg masih mengganjal, apa meletakan widget di bottom sblm footer juga pengaruh ke loading speed? jadi untuk widget yg ada hubungan external bisa kita letakan di bottom (sepanjang theme-nya mendukung) …

  5. wahyoe 06. Oct, 2009 at 2:55 pm

    nais tips mas, sped juga salah satu faktor yang di butuhkan oleh blog kita

  6. iskandaria 07. Oct, 2009 at 5:15 am

    Wah, semakin menambah wawasan saya nih soal speed-load. Thx berat ya mas.

  7. Bloggerspeed 07. Oct, 2009 at 7:17 am

    @Sawali, betul banget mas Sawali, gak sopan bikin BT pengunjung :-)

  8. Bloggerspeed 07. Oct, 2009 at 7:21 am

    @Wahyoe, terima kasih mas Wahyoe, blog kita butuh speed, pengunjungnya juga butuh speed, biar ketemu sama-sama.

  9. Bloggerspeed 07. Oct, 2009 at 7:23 am

    @iskandaria, bukankah rasa senang seorang blogger: apabila yang ditulisnya bermanfaat? Saya juga demikian. Sama-sama:-)

  10. heru 07. Oct, 2009 at 9:04 am

    gunakan hosting indonesia, jadi deket ngak perlu keluar negri dulu :D

    salam kenal

  11. bloggerspeed 07. Oct, 2009 at 9:15 am

    @Heru, Betul banget. Kalau target audience blog orang indonesia, hosting di Indonesia akan membantu sekali. Kalau blog kita berbahasa Inggris dan buat orang amerika misalnya, tentunya juga nyari server terdekat. Thanks for sharing mas Heru.

  12. bloggerspeed 07. Oct, 2009 at 10:24 am

    @hpnugroho, Semua itu juga berperan mas meski prosentasenya kita tidak tahu kalau tidak diukur dengan real loading timenya. Tetapi balik lagi dilihat dari fungsinya. Ketika itu memang kita butuhkan mengapa tidak kita pampang.

  13. Blogodolar 07. Oct, 2009 at 11:33 am

    Mungkin penggunaan plugin yang tidak berlebihan bisa juga membuat kecepatan blog optimal :D

  14. ajir 07. Oct, 2009 at 11:52 am

    mantaph neh mas infonya ..ijin save ne halaman yakk…

  15. sarjana pengangguran 08. Oct, 2009 at 7:10 am

    wah sayah baru tahu yang clean rss tool tuh…makasih banyak yah… :D

  16. Jajang 08. Oct, 2009 at 11:29 am

    Tips yang sangat berguna sekali. Baru tahu ada plugin cache nich… dicoba ah
    Thanks ya….

  17. bloggerspeed 09. Oct, 2009 at 6:56 am

    @Blogodolar, betul Bos! Seperti poin 18. Plugin sehemat mungkin sesuai kebutuhan.

  18. bloggerspeed 09. Oct, 2009 at 7:10 am

    @Ajir, silahkan saja Mas Ajir :-)

  19. bloggerspeed 09. Oct, 2009 at 7:12 am

    @Sarjana Pengangguran, Clean CSS tool maksudnya? Terima kasih kembali. Semoga bermanfaat.

  20. bloggerspeed 09. Oct, 2009 at 7:22 am

    @Jajang. Silahkan dicoba mas Jajang. Saya juga memakai plugin WP-Super Cache di blog2 saya yang lain karena memang efektif banget. Untuk bloggerspeed dot com saat ini belum memakai karena plugin Bad Behavior yang saat ini masih terinstall crash dengan plugin wp cache. Belum ketemu solusinya :-(

  21. ekads 10. Oct, 2009 at 2:58 pm

    wah, komplit banget mas…
    kira2 blog saya udah hampir memenuhi semua kriteria di atas ga ya?

  22. Reza Fauzi 11. Oct, 2009 at 12:17 am

    wah script blog saya kebanyakan nih jadi lemot :D

  23. bloggerspeed 12. Oct, 2009 at 5:23 am

    @Ekads, tidak semuanya diterapkan juga kan bos. Tergantung kebutuhan, fungsi dan tujuan blog kita.

  24. ngupingers(diary nguping pertama di indonesia) 12. Oct, 2009 at 10:42 pm

    matursuwon…infone..menarik…

    matursuwon = terima kasih

  25. Bloggerspeed 19. Oct, 2009 at 3:11 am

    @Ngupingers, Sami-sami=Sama-sama

  26. Bloggerspeed 19. Oct, 2009 at 3:14 am

    @Reza, Sepertinya engga’ juga Boz.

  27. Pancallok 21. Oct, 2009 at 4:55 am

    enak yah pake WP banyak pluginnya, klo buat Blogspot ada ngga ya.xixiixx

  28. bloggerspeed 21. Oct, 2009 at 8:12 am

    @Pancallok, Maaf, saya belum pernah dengar ada plugin buat blogspot tu mas. Mungkin kalau serius ngeblog bisa pakai WordPress, semisal belum ingin keluar duit, pakai hosting gratis gak masalah kan biar tahu seluk beluknya dulu. Rekomendasi saya hosting blog gratis di http://byethost.com/ insyaallah bagus. Untuk adsense juga bisa ko:-) Punya Blog banyak asal managemennya rapi juga menguntungkan mas.

  29. mamah aline 30. Oct, 2009 at 4:30 pm

    tips yang sangat bermanfaat, makasih

  30. Wawan Purnama 17. Nov, 2009 at 12:15 pm

    Walah..lengkap banget..sampe pusing baca-nya Mas..

  31. na_raka 23. Nov, 2009 at 12:39 pm

    tipsNya keren abiz ohm, thanks ilmunya….. mo dipraktek nie

  32. bloggerspeed 24. Nov, 2009 at 4:38 am

    @na_raka, Silahkan dipraktekkan, semoga bermanfaat:-)

  33. blogpopuler 26. Nov, 2009 at 4:51 am

    Memang load blog sangat penting.Trims tipsnya mas

  34. bloggerspeed 30. Nov, 2009 at 4:18 am

    @Wawan, tidak perlu dibaca semua kan:-) Yang dibutuhkan saja mas.

  35. bloggerspeed 30. Nov, 2009 at 4:19 am

    @Blog Populer, sama-sama mas.

  36. bloggerspeed 30. Nov, 2009 at 4:21 am

    Sama-sama mamah aline.

  37. imadewira 01. Dec, 2009 at 4:03 am

    tips ini sudah lengkap banget, saya coba baca dan mengerti satu per satu dulu deh :-)

  38. TuSuda 02. Dec, 2009 at 3:39 pm

    Karena saya masih belum paham bahasa prgram ngeblog. Kalau menurut pengalaman Mas Azis saat mengunjungi blog saya TuSuda Special Notes, apa tergolong aksesnya cepat atau lambat..mohon koreksinya.

  39. online-business-story.com 02. Dec, 2009 at 10:08 pm

    di poin G itu, di setting di wordpressnya ya mas ?

    tipsnya ma’nyus

    Salam Kreatif,
    Octa Dwinanda

  40. bloggerspeed 03. Dec, 2009 at 7:00 am

    Real time dari saya mengetik alamat url blog Anda sampai seluruhnya termuat di browser berdurasi “22,857 detik”. Menggunakan http://www.numion.com/Stopwatch/ sebagai tool penghitungan kecepatan loading blognya. Kalau pengunjung normal bisa sama atau lebih lama, tergantung komputer masing-masih, jarak user dari server dsb.

  41. bloggerspeed 03. Dec, 2009 at 7:12 am

    @Octa, saya tetap menulis url http://namablogsaya.blogspot. com/ saat meninggalkan jejak di blog lain, meski itu bukan wordpress.

  42. Ruang Motivasi 04. Dec, 2009 at 7:18 am

    wah… keren…keren…pembahasannya keren…harus di maitenance dulu ni blog saya… biar lebih cepat lebih baik dan rapi…he..he..

    thanks mas…

    Amar

  43. bloggerspeed 05. Dec, 2009 at 7:23 am

    @Ruang Motivasi, Alhamdulillah kalau tulisan saya bermanfaat bagi Anda:-)

  44. Advenda 26. Dec, 2009 at 2:34 pm

    wah harus di re-design lagi nih, butuh banyak belajar lagi dari mas bloggerspeed :-D

  45. rheeantz 17. Feb, 2010 at 1:36 pm

    lengkap dan mantap… blogger newbie kaya aku kudu nyimak neh… makasih tutorialnya

  46. revil 26. Apr, 2010 at 4:08 am

    wah boleh dicoba nih..
    makasih ya info nya… :D

  47. Brilly 12. May, 2010 at 8:37 am

    Aplikatif, inspiratif, Solutif, Fantastis

  48. Byan 12. May, 2010 at 8:47 am

    hiks…. saya pake blogger… hiks,

  49. reeouw 12. May, 2010 at 5:05 pm

    emang klo blog lama jadi males bukanya,
    thx infonya ya

  50. Mas Joe 08. Jul, 2010 at 10:50 am

    Wah keren neh sukses selalu ya mas. dan makasih tipsnya oke