Hanya dengan upload file, Anda akan dibayar setiap kali file tersebut didownload. Mau ??? (Daftar Sekarang)
Seluruh tulisan dalam masiqbal.net bebas untuk didistribusikan ulang untuk keperluan non-komersil selama mencantumkan nama penulis dan sumber artikel serta tidak merubah isi. Jangan Asal Copy Paste !

Percepat loading blog wordpress

Tuesday, July 14, 2009 11:04
Posted in category Tips Trick, Wordpress

Semua orang pastilah mendambakan menginginkan kenyamanan ketika mereka melakukan browsing atau blogwalking, begitu juga dengan para blogger termasuk saya (narsis!) (evil_grin) pasti dong pengen agar blog yang dipelihara sejak kecil (halah…) (hammer) dikunjungi banyak orang dan mereka pun betah berlama-lama berada di rumah dunia maya tersebut, membuka halaman demi halaman yang pernah kita tulis kemudian membacanya, setelah itu memberikan komentar (bukan spam lho ya), dan mempraktekkannya, terlebih lagi jika mereka kemudian mengamalkannya kepada orang lain… Subhanallah… nikmat banget rasanya… :)

Pada pengen ga sih? Jika Anda pengen seperti itu, maka wajib deh rasanya Anda mengelola blog Anda agar lebih cepat dan mudah diakses oleh siapapun… Maka dari itu percepat loading blog wordpress Anda, Setuju ?

Sebenarnya tips percepat loading blog wordpress ini tidak hanya berlaku bagi pengguna wordpress saja, tapi bisa juga pada semua pengelola blog yang dihosting sendiri maupun yang gratisan, entah itu di Blogspot, Wordpress, Blog Detik, atau di-manapun-lah… Hanya saja sering kali tampak mereka belum paham membuat blog dengan tampilan yang bersih, bagus namun cepat loadingnya. Kadang kala mereka mementingkan diri sendiri daripada pengunjung. Padahal seperti menjadi keharusan bahwa setiap blogger harus membuat pengunjung mereka betah dengan tampilan blog, mendapatkan informasi yang mereka butuhkan, dan cepat dalam proses loading halaman, iya nggak ? (sorry brother… no offence *damai* (salaman) ) maka dari itu percepat loading blog wordpress Anda

Berikut ini adalah beberapa tips untuk percepat loading blog wordpress, agar tampilan blog Anda mudah diakses dan tidak lambat :

1. Pilih tamplate minimalis

Iya sih saya setuju banget, memang dalam pemilihan themes sangat tergantung selera masing-masing blogger, namun Anda perlu memahami hal yang mendasar, yakni bahwa blog ada agar mudah dibaca orang lain dan bukan hanya sekedar arsip pribadi. Karena itu kenyamanan pengunjung lebih diprioritaskan daripada kesenangan pribadi.

Pilihlah themes yang mempunyai 2 kolom atau 3 kolom, yakni untuk kolom content (isi) dan kolom sidebar (widget). jangan menggunakan kolom tunggal (1 kolom saja), karena fungsi kolom sisi adalah sebagai pelengkap, ngga asik juga kan kalo content tidak dilengkapi dengan recent post, random post, recent comments, dll.

Pilih bentuk dan ukuran font yang tepat, hal ini bisa dicoba-coba mana yang paling enak dibaca, memang hal ini akan sangat tergantung dari CSS template itu sendiri. Sebetulnya kita bisa mengubah bentuk font dengan mengubahnya dalam file style.css, sesuaikan dengan selera Anda, bila Anda kebingungan dalam meng-edit CSSnya, pilihan terbaik adalah memilih template yang pas, semantik, dan W3C valid, tentunya sesuai dengan selera Anda. Hal terakhir yang perlu diperhatikan juga adalah menu Navigasi, jangan sampai pengunjung blog Anda tersesat karena minimnya navigasi.

2. Gunakan gambar dengan ukuran file kecil

Gambar memang penting sebagai penunjang tampilan blog, yups… hal ini juga pernah juga di sampaikan oleh mas Kristupa pada waktu saya mengikuti Refreshing on UNS BlogFest 0.9, namun jika tampilan gambar terlalu besar akan sangat mengganggu pengunjung, apalagi bagi pengunjung yang browsing dengan menggunakan koneksi yang lambat. Berikut ini tipsnya untuk percepat loading blog wordpress :

  1. Pilihlah yang berekstensi .jpg, .gif, ataupun .png dan kompress ukurannya dengan image editor sehingga ukurannnya menjadi kecil tanpa terlalu mengurangi kualitas warna
  2. Hindari gambar berwarna tajam, karena jenis gambar ini pasti berukuran besar
  3. Boleh saja menggunakan gambar animasi, akan tetapi tetap memperhatikan ukuran dan besarnya ukuran file, dan jangan terlalu banyak menggunakan animasi pada blog Anda

3. Minimalis halaman depan blog

Pastilah setiap pengunjung akan mampir di halaman depan (homepage), baru setelah itu akan membuka postingan yang dirasa cukup menarik bagi mereka. Oleh karena itu, buatlah halaman depan seminimalis mungkin agar pengunjung tidak perlu berlama-lama menanti loading homepage selesai, caranya adalah dengan tidak menampilkan semua isi postingan di halaman depan, cukup deskripsinya saja. Berikut ini tips untuk minimalis tampilan halaman depan agar percepat loading blog wordpress :

  1. Tulislah sebuah paragraf pengantar yang mendeskripsikan isi postingan dia awal paragraf
  2. Potong content (isi) pada satu atau dua paragraf pertama dengan tag more (<!–more–>)
  3. Tampilkan 5-7 judul posting terakhir, sehingga pengunjung lebih mendapat kesempatan melihat postingan lain yang dirasa menarik untuk dibaca, untuk mengubahnya silahkan login ke Dashboard > Settings > Reading


4. Buang widget yang tidak penting

Pada dasarnya widget bagus dan dapat menambah nilai estetika pada suatu blog. Namun seringkali banyak widget yang tidak punya fungsi penting juga ditampilkan, ini berimbas pada kecepatan loading blog. Perhatikan tips berikut ini saat akan memasang widget guna percepat loading blog wordpress :

  1. Pilih dan gunakan widget yang penting-penting saja, diantaranya adalah : Recent post, Recent comments, Random post, Search, Category, Archieve, dan Site info seperti traffic, dan widget dari pihak lain (jangan terlalu banyak)
  2. Hindari widget kurang penting seperti meta, calender, twitter, chat, video, gambar animasi, dan lain sebagainya

5. Matikan fitur snapshots

Ada sebagian orang tidak suka bila berkunjung kesebuah blog terdapat fitur snapshot yang sering kali mengganggu (memperlambat) navigasi, saya salah satunya (duh)

6. Gunakan paginasi komentar

Paginasi komentar adalah membagi/men-split komentar menjadi beberapa halaman. Fitur ini sudah ada dalam wordpress, fungsinya sangat berguna bagi blog yang mempunyai banyak komentar, kalo blog saya sih mengabaikan tips ini, kenapa? karena komentar yang ada di blog saya masih sedikit (malu) mungkin bila sudah banyak baru deh diterapkan… (lol)

Caranya adalah login ke Dashboard > Settings > Discussion. Setelah itu aktifkan paginasi komentar, jumlah komentar yang ingin ditampilkan terserah Anda, namun usahakan tidak terlalu banyak.

7. Gunakan plugin

Instalasi plugin sangat bermanfaat untuk percepat loading blog wordpress, diantara plugin yang saya gunakan adalah :

  1. Plugin Wp-super-cache, seperti umumnya plugin caching system, plugin jenis ini membantu agar blog kita lebih cepat di akses dan responsif.
  2. Plugin Wp-Optimize, plugin ini mengoptimasi database dan membersihkan database anda, sehingga table data yang sering di update.

8. Minimalisir Whitespace di kode PHP dan CSS

Bagi yang belum tahu, Whitespace adalah spasi yang digunakan dalam penulisan kode. Whitespace digunakan agar tampilan kode mudah dibaca dan terorganisir. Namun meminimalisirnya akan percepat loading blog wordpress dan mencukur ekstra bytes dari total byte Anda. Contohnya :

#container {
width: 980px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#header {
width: 980px;
height: 173px;
}

Setelah whitespace hilang menjadi :

#container { width: 980px; margin-right: auto; margin-left: auto; text-align: left; }
#header { width: 980px; height: 173px; }

Tentu saja hal ini berdampak untuk percepat loading blog wordpress

9. Membuang plugin yang tidak terpakai atau tidak terlalu berguna

Ternyata banyak plugin yang tidak saya pakai dalam blog saya, ya sudah tanpa banyak kata langsung hajar plugin yang ga kepake DELETE. Dan juga file yang tidak terpakai saya buang, misalnya pada themes ini, file Ads.php dan feedburner.php . Ke-2 file tersebut tidak saya gunakan maka saya buang. Dampaknya pun lumayan, selain kapastas disk space yang digunakan berkurang, hal ini juga dapat percepat loading blog wordpress

10. Tidak menyimpan file gambar pada direktori upload

Menyimpan file gambar pada direktori upload bisa menjadi masalah besar. Kenapa saya katakan masalah besar ? Karena internet penuh dengan tukang copy-paste, jika artikel kita menampilkan banyak gambar dan kebetulan tukang copas (copy-paste) mampir lalu naluri mencurinya muncul saat membacanya, ia kemudian langsung meng-copy seluruh isinya dan paste ke blognya… Bukan saja artikel namun semua file gambar kita ikut di ter-copy (cry) dan dampaknya pun sangat dahsyat, file-file gambar yang tampil diblognya memakan bandwidth kita dan imbasnya akan membuat lelet blog kita jika trafik blog si pencuri tinggi. (idiot)

Itulah banyak beberapa tips singkat untuk percepat loading blog wordpress dari pengalaman saya pribadi untuk percepat loading blog wordpress, tanpa mengurangi kenyamanan pengunjung dalam mendapatkan informasi yang mereka butuhkan. Memang tips-tips tersebut agak bertolak belakang dengan ego kita selaku webmaster yang notabene ingin tampilan blog kita menjadi semenarik mungkin bagi diri kita pribadi. Tapi tentunya (sekali lagi) kita harus berpikir, bahwa kita ngeblog adalah karena ingin pengunjung itu hadir dan membaca, oleh karena itu buatlah pengunjung tersebut merasa nyaman di rumah (blog) kita.

Silahkan baca juga tulisan saya yang terkait tentang :

  1. 5 tahap dasar design website
  2. Tips meningkatkan trafik blog

Referensi tips n trik percepat loading blog wordpress ini saya peroleh dari blog mas Rismaka, dan saya tambahkan beberapa tips yang lainnya sekiranya dapat mendongkrak untuk percepat loading blog wordpress… Semoga sedikit ilmu yang ditularkan oleh beliau dan saya publikasikan disini dapat bermanfaat untuk para pembaca sekalian…

Tulisan terkait :

  1. Modifikasi plugin smilies themer wordpress
  2. Wordpress mobile
  3. Tips meningkatkan trafik blog
  4. Tips Percepat Shutdown Windows
  5. E-Learning with free blog
You can leave a response, or trackback from your own site.

30 Responses to “Percepat loading blog wordpress”

  1. nupho says:

    July 14th, 2009 at 5:54 pm

    bermanfaat mas.. ;)
    siap dicoba..

    [Reply]

  2. oran9ehoLic says:

    July 14th, 2009 at 8:44 pm

    hmm.. secepatnya tak terapkan.. (goodluck)

    [Reply]

  3. MasHendri_cakep says:

    July 14th, 2009 at 9:46 pm

    Mas Iq, gunanya Turbo pada pojok kanan atas dashboard blog wordpress itu untuk mempercepat ndak….aku nyoba masuknya malah install Google Gears dulu…., mohon pencerahannya….matur thank you….

    [Reply]

    masiqbal reply:

    July 15th, 2009 at 6:24 am

    betul sekali mas Hendri, untuk mempercepat, memang sebelumnya kita harus melakukan instalasi Google Gear dulu, fungsinya sebagai chache yang dibutuhkan oleh system komputer untuk menyimpan apa-apa yang penting dari blog kita kedalam komputer yang kita gunakan saat itu.

    Terima kasih… saya kelupaan, ini bisa juga dimasukkan kedalam salah satu tips diatas, nomor 11… (salaman)

    [Reply]

    badoer reply:

    July 15th, 2009 at 1:08 pm

    setau saya google gear emang mempercepat loading, tetapi hanya di bagian dashboardnya ajah.. jadi hanya si admin yg merasakan kecepatannya.. tapi lumayan berguna buat yg inetnya lambat,

    [Reply]

  4. Andi says:

    July 15th, 2009 at 9:57 am

    tak cobak ya mas…. tapi kok kayaknya agak rumit ya???
    (bingung)

    [Reply]

  5. irawan says:

    July 16th, 2009 at 10:19 am

    (drinking) (rock) (hungry) (y)

    makasih infonya….cocok buat beta yg ngandelin inet gratisan kantor… (lol)

    [Reply]

  6. Lex dePraxis says:

    July 17th, 2009 at 1:12 pm

    Thanks for the info. Hmmm, ada tips untuk menjaga kualitas hard disk supaya lebih tahan lama?

    Lex dePraxis
    Romantic Renaissance

    [Reply]

  7. Andy MSE says:

    July 18th, 2009 at 7:40 am

    (applause) matur nuwun kang! tips and tricks yang manjur… (worship)
    eh, blog-ku dibukanya relatif cepat atau lambat??

    [Reply]

    masiqbal reply:

    July 19th, 2009 at 6:00 am

    matur nuhun… dibukanya lumayan cepet kang… (y)

    [Reply]

  8. alamendah says:

    July 19th, 2009 at 7:59 pm

    Nah… ini perlu banget buat gue, Bang. Soale koneksi saya lelet banget, sih. Tak baca dulu, ya?

    [Reply]

  9. alamendah says:

    July 22nd, 2009 at 10:40 pm

    wuih…
    ternyata segitunya, ya?

    [Reply]

  10. MasHardi says:

    July 23rd, 2009 at 8:16 am

    masalah kopi paste ini juga menimpa blog saya mas, gak tanggung-tanggung klo satu artikel sih gak masalah tapi kalo satu halaman penuh X(
    Apalagi gambarnya kuupload di hostingan, …. alhasil bandwith gak nyampe sebulan sudah koit. Sekarang beberapa file gambar dah kupindah ke hosting gratisan, tapi kok bw-nya mepet terus ya?

    [Reply]

  11. Rigih says:

    July 23rd, 2009 at 11:27 am

    mantabz kang infonya (y) ; sayangnya aq pke blogspot…
    yg WP dah jarang apdet. lam kenal mas…

    [Reply]

  12. Yudhi says:

    July 25th, 2009 at 11:37 pm

    Artikel yang sangat bermanfaat, semua blog saya semua pake wp self-hosted, emang ini yang perlu diperhatikan, sukses buat anda

    [Reply]

  13. micro komputer says:

    July 27th, 2009 at 12:39 pm

    thank infonya.

    [Reply]

  14. irawan says:

    July 27th, 2009 at 6:21 pm

    beta ada masalah nih mas.. kmrn pas mo instal wp-super-cache gak mo diaktifin pluginnya muncul beginian

    WP Super Cache Manager
    Warning! /home/a9460408/public_html/wp-content/advanced-cache.php does not exist or cannot be updated.

    * 1. If it already exists please delete the file first.
    * 2. Make /home/a9460408/public_html/wp-content writable using the chmod command through your ftp or server software. (chmod 777 /home/a9460408/public_html/wp-content) and refresh this page. This is only a temporary measure and you’ll have to make it read only afterwards again. (Change 777 to 755 in the previous command)
    * 3. Refresh this page to update /home/a9460408/public_html/wp-content/advanced-cache.php

    If that doesn’t work, make sure the file /home/a9460408/public_html/wp-content/advanced-cache.php doesn’t exist:

    1. 1. Open /home/a9460408/public_html/wp-content/plugins/wp-super-cache/advanced-cache.php in a text editor.
    2. 2. Change the text CACHEHOME to /home/a9460408/public_html/wp-content/plugins/wp-super-cache/
    3. 3. Save the file and copy it to /home/a9460408/public_html/wp-content/advanced-cache.php and refresh this page.
    Cannot continue… fix previous problems and retry.

    trus beta cek di
    /home/a9460408/public_html/wp-content/ gak ada advanced-cache.php adanya di folder plugin/wp-super-cache trus beta coba ganti permision di plugin/wp-super-cache/advanced-cache.php jdi 777 tetep gak mau jg.. kenapa ya..

    apa perlu ditambahin advanced-cache.php di /public_html/wp-content
    ato wp-content yg permisionnya diubah jd 777 jg… (thinking)

    [Reply]

    masiqbal reply:

    July 28th, 2009 at 1:40 pm

    berdasarkan petujuk sih itu karena advanced-cache.php tidak ada di /public_html/wp-content/ coba deh di-copy file tersebut dan paste kan di /public_html/wp-content/ dan rubah permitionnya menjadi 777 pada file tsb.
    Kok aneh ya… (thinking) sewaktu saya instalasi wp-super-chace ga ada kendala berarti tu… begitu dikativasi langsung jalan, palingan butuh konfigurasi dikit aja di halaman adminnya… mungkin yang lain ada yang bisa bantu?

    [Reply]

  15. Abdul Adhim says:

    July 30th, 2009 at 3:18 am

    Mas untuk membuat reply/balas komentar nampak gimana ya? (evilsmirk) (evilsmirk) (bingung) (bingung)

    [Reply]

    masiqbal reply:

    July 30th, 2009 at 1:27 pm

    pake plugin namanya Wordpress Thread Comment

    [Reply]

  16. Sismanto says:

    August 21st, 2009 at 11:51 pm

    10. Tidak menyimpan file gambar pada direktori upload—–>jelasin lagi kang iqbal urung mudeng maklum newbe (bingung)

    [Reply]

    masiqbal reply:

    August 22nd, 2009 at 5:53 am

    ya itu… kayaknya cukup jelas deh…

    [Reply]

    sismanto reply:

    August 24th, 2009 at 5:24 am

    yoo yoo ngono (rock)

    [Reply]

  17. Tempat Wisata Indonesia says:

    December 19th, 2009 at 3:55 am

    sip bos mantap banget

    [Reply]

  18. the tips says:

    January 13th, 2010 at 3:23 am

    pengen ganti emoticon tapi kok belum mudeng carana ya, numpang baca ulang ya :D

    [Reply]

    masiqbal reply:

    January 13th, 2010 at 4:23 pm

    coba baca ini brother… http://masiqbal.net/modifikasi-plugin-smilies-themer-wordpress.php

    [Reply]

  19. dimas prasetyo says:

    January 17th, 2010 at 2:10 pm

    wah mantap nih mas. terima kasih saran2nya. saya mau coba yang plugin wp-optimize :)

    [Reply]

    masiqbal reply:

    January 21st, 2010 at 6:53 am

    sip! (y)

    [Reply]

  20. tomi says:

    January 21st, 2010 at 10:11 am

    nice info.. sudah saya terapkan mas kcuali pk plugin wp-cache :D

    [Reply]

    masiqbal reply:

    January 21st, 2010 at 10:16 am

    sama mas Tomi… sekarang plugin wp-super-chace juga sudah tak deactive, gara2 plugin itu sering nge-blank blog ini

    [Reply]

Leave a Reply

Please insert the signs in the image:

masiqbal.net on Facebook