Teknik Mempercepat Loading Akses Blog Wordpress
Alasan utama saya sering gonta-ganti theme Wordpress beberapa hari terakhir ini, sebenarnya bukan karena saya tipe orang pembosan. Namun karena loading akses, theme yang rekan lihat ini yaitu Ads Theme (adalah theme ke 2 yang saya install di blog ini setelah theme Lightbreaker) sangat lelet loading aksesnya.
Memerlukan waktu hingga 4 sampai 5 detik untuk membuka blog ini, oleh karena hal itu saya beralih ke theme Elegant Theme, real eastate theme, Pemuda, Forte, dan lain-lain. Memang theme-theme tersebut jauh lebih cepat loading aksesnya dan desainnya bagus semua, tapi karena saya sudah terlanjur cinta sama theme ini, akhirnya saya putuskan untuk kembali memakai Ads Theme.
Lalu saya mengembara di codex.wordpress.org juga Googling untuk mencari trik mempercepat loading akses blog Wordpress, dan syukurlah saya menemukan banyak cara walaupun tidak semuanya dapat saya terapkan karena satu hal, hasilnya blog ini sekarang jauh lebih cepat di akses.
Oh iya saya melihat perhitungan waktu akses dengan menyelipkan kode php di bagian footer, jadi setiap terjadi loading maka kode ini akan menampilkan beberapa detik lamanya dan berapa sql queries yang di eksekusi oleh Browser, jika anda ingin menyelipkan ini dia kodenya (selipkan sebelum </body> theme anda):
<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?> seconds.
Tampilannya:
Dari laporan kode itulah saya jadi tahu perhitungan waktu dan jumlah queries perloading, itu adalah perhitungan sekarang, dulunya hingga 5.906 seconds dan diatas 150 queries, tentu anda bisa bayangkan betapa leletnya mengakses blog ini saat itu, namun sekarang angka 1. sekian detik merupakan waktu maksimal dan secara umum blog ini dapat diakses dengan waktu 0. sekian detik.
Sekalian saya ingin membagi tekniknya pada rekan semua yang punya masalah sama, cara berikut adalah cara yang dapat saya terapkan dan tidak dapat saya terapkan berserta alasannya.
Teknik Mempercepat Loading Akses Blog Wordpress
1. Saya install plugin DB Cache, seperti umumnya plugin caching system, plugin jenis ini membantu agar blog kita lebih cepat di akses dan responsif. Pastinya rekan semua sudah tidak asing dengan plugin WP-Cache dan WP-Super Cache, namun saya kurang suka dengan WP Cache karena tampilan halaman kita tidak aktual, namun tampilan yang kemarin, sehingga sering sekali pengunjung blog ini protes karena komennya tidak tampilan, yah gimana mau tampil karena tampilan kemarin yang anda lihat setelah anda publish komentar. Lain halnya dengan DB Cache, mempunyai fungsi yang sama namun kelebihannya ialah tampilan blog kita tetap aktual dan up-to-date dan juga menghemat disk space untuk menyimpan file halaman WP yang di cache. Jadi kita mendapat kecepatan juga mengehemat disk space dan bandwidth.
2. Install plugin Optimize DB, plugin ini mengoptimasi database dan membersihkan database anda, sehingga table data yang sering di update.
3. Saya meminimalisir 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 mempercepat waktu loading dan mencukur ekstra bytes dari total byte anda. Contohnya:
Kode dengan Whitespace:
#nav ul li {
float: left;
list-style: none;
}
Setelah Whitespace hilang:
#nav ul li { float: left; list-style: none;}
Bisa juga menghilangkan Whitespace secara online seperti CSS Formatter, namun hasilnya kode CSS kita jadi panjang kekanan dan sangat sulit dibaca jika nanti ingin melakukan edit, jadi saya meminimalkannya secara manual.
4. Mengoptimasi dan memperbaiki (repair) database lewat myPhpAdmin, direkomendasikan setiap seminggu sekali anda login ke myPhpAdmin kemudian melakukan optimasi dan perbaikan, dengan men-cek/klik semua “Tables” kemudian klik “Optimise Tables Option” dan “Repair table”, seperti gambar berikut ini contohnya:
Cara ini yang tidak bisa saya terapkan, karena blog ini pinjaman dari Hyperwebenable dimana saya tidak diberi akses ke CPanel, namun saya telah terapkan di blog saya yang lain yang saya sewa hosting maupun hosting gratis dan hasilnya fantastis. Tips ini mengoptimasi kinerja database juga memperbaikinya sehingga mempercepat proses loading.
5. Saya membuang plugin yang tidak terpakai atau tidak terlalu berguna, ternyata banyak plugin yang tidak saya pakai mangkal di dashboard, saya malas sekali ingin ngedeletenya walau saya tahu mereka membuat lelet blog ini. Dan juga file yang tidak terpakai saya buang, misalnya di theme Ads theme ini ada file smart-archive.php dan adsense.php, ke 2 file tersebut tidak saya gunakan maka saya buang.
6. Saya turunkan banner-banner affiliasi di sidebar dan juga membuang image feedburner dan Infogue.com di bagian bawah posting.
7. 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 seperti ini: Install Wordpress tanpa fantastico, dan kebetulan tukang copas (copy-paste) mampir lalu naluri mencurinya muncul saat membacanya, ia kemudian langsung mengcopy seluruh isinya dan paste ke blognya…bukan saja artikel namun semua file gambar kita ikut di tercopy. Dan dampaknya file-file gambar yang tampil diblognya memakan bandwidth kita dan imbasnya akan membuat lelet blog kita jika trafik blog si pencuri tinggi.
Maka saya tinggalkan ini:
http://abibakarblog.com/wp-content/themes/AdsTheme/images/namafilegamber.gif
Saya gunakan layanan gratis, sepert blogspot atau geocites.yahoo.com tuk nyimpan file gambar jadi jika tukang copas mencuri artikel saya maka saya tidak rugi bandwidth.
Alasan kenapa theme ini lelet karena secara otomatis Hyperwebenable menaruh 11 javascript di halaman Index.php jika dilihat dari View Source, dan yang mengherankan di theme-theme yang pernah saya install hanya 1 javascript. Dan juga bentuk desainnya yang panjang kebawah disertai di sidebar bentuk 2 kolom plus di tambah saya menaruh 3 kolom pada footernya sehingga memakan banyak loading time ditambah pula jumlah posting, tag dan komentar.
NB: Jika rekan ada yang punya cara jitu (dan pastinya tidak dengan login ke cpannel) tolong tulis dikomentar agar bisa saya ikuti.
Semoga bermanfaat & sampai jumpa diposting berikutnya.
waduh.. susah juga mas kalau tidak login ke cpannel, gmn kalo lewat ftp dan themes nya di edit lagi? bisa gak?
yg jelas, dr pertama Abi gonta-ganti template, template YG INI yg paling oke & ga banyak mslh pas dibuka..
slain itu kotak koment nya oke punya.. mantafff
***OOT : Bi, judul yg bisa di KLIK cuma post yg awal, itupun link nya ke judul laen..
piye tho..? udah sy tulis di imel..***
kenapa javascript begitu membuat blog loadingnya lelet Bi?
apa sebabnya?
makasih mas sharing-nya. Sudah lama tdk mengurus blog saya yg WP..
wah harus banyak belajar ini? soalnya aku buta wordpress. he he he
Praktek ah…. Makasih Bi…
berapa batas kecepatan normal loading blog? dan punya tips mempercepat loading blogspot blog?
koneksi inet saya mepet, jd disable image, flash, javascript sangat membantu, kl perlu disable css sekalian
gemana kl pengguna jg kita tuntut utk selektif memilih, silakan nikmati semua fitur blog jika koneksi memadai, tp jika tidak, silakan blokir fitur-2 blog yg ada di sisi peramban
Setelah baca tips anda, seneng sekali rasanya kalo blog saya yg kayaknya cukup berat jg, ikut lebih kenceng di akses. Makasih mas . . . .
Oooo, ternyata namanya Whitespace, ya. Kebetulan saya menerapkannya utk template terbaru yg saya pakai. Tapi secara manual satu persatu, karena belum sempat googling utk mencari tool peramping whitespace ini.
Trima kasih atas infonya, kang Abi.
@Herry yang perlu login ke cpannel hanya cara no 4 cara yang lain tidak perlu.
@Nop iya lagipula gue udah cinta ama theme hehehe dan theme elo udah gue edit tapi terpaksa menu home dsbnya di ilangin karena itu dia biang keroknya yg bikin judul posting pertama lo kalo di klik malah ke judul hei this is proved.
@Ihsan kalau dalam jumlah besar (seperti theme ini) hingga 11 javascript tentu akan membuat lelet karena browser kita membaca banyak kode saat mencoba membuka blog ini.
@Thefachia sama2x mas.
@Merbabu moga2 bermanfaat
@Al Sabaliny silahkan bro dan makasih kembali.
@Internet marketing, semakin simpel sebuah template maka semakin cepat ia dapat di akses, pada dasarnya blogspot sama seperti WP, anda juga bisa menggunakan Whitespace di css lalu kurangin jumlah Widget (gadget di page element) dan html2x.
@Dani usul yang bagus tuh memberi pilihan ke pada pengunjung namun sejauh ini saya belum ketemu add-on nya dan plugin WP yang memungkinkan memberi pilihan kpd pengunjung.
@Drajat AG anda memakai elegant theme ya? Memang agak berat tapi desainnya bagus, coba gunakan cari ini dan makasih kembali mas.
@Adie iya whitespaces bentuknya spasi dan line break, cara manual walaupun capek namun masih bisa terbaca dari pada online formatter akan sulit kita membacanya dan makasih kembali kang.
Wa…!!!!!!!! thank you Kang, ni yang saya cari. Sebenarnya blog ini-lah yang benar2 jadi referensi para Wordpress mania, abis yang lain pakai bahasa kampung saya
, adapun yang pakai bahasa Indonesia nggak lama umurnya, kalaipun masih ada lagi saya nggak tahu…. ^_^
Mbah Abi…
memang repot memilih theme yang perfect, dulu aq juga trial and error urusan masalah theme, namun skg sy menyikapi dengan meletakkan ikon – ikon or free counter dibagian footer dengan sedikit sentuhan marquee sehingga tampak lebih stylish, cie… cie….
omong – omong tukeran link kok aq gak liat link syadiashare ya mbah … malah cepetan aq mbah …. coba deh cek dan baca disini : http://syadiashare.com/tukeran-link
cm aq lebih suka menempatkan pada postingan atau halaman ketimbang blogroll mbah, lebih di cintai sm mbah google, toh jarang juga visitor yang mengklik blogroll kita. weeekk..
@Xpressi Riau Pos makasih untuk apreasiasinya mas sering2x mampir yah.
@Syahdia, nah loh kok saya jadi mbah? Hehehe jadi inget panggilan tuk Google…mbah Google…iya nih mas Syah memang dan pastinya dalam hal ngeblog entah di WP atau Blogspot pasti ada proses trial n error untuk urusan theme, bahkan sampe blognya jadi brantakan sama sekali dan ga bisa diakses seperti saya beberapa bulan lalu.
Dan link Syah sudah saya add lebih dulu tuh di http://abibakarblog.com/blogroll/ kalah cepet nih:d
hm.. sip nih infonya. aku juga lagi membangun blog di wordpress nih.
Mau tanya nih mas abi, kalu add-on Firefox GoogleGears itu untuk apa ya, apakah untuk mempercepat loading page wordpress juga? kok di wordpress disuruh pake untuk browser Firefox.
Thnks
mas abi, thanks banget infonya
klo mo nampilin yg query2 gtu gmn sich?
saya bingung naronya dmn, di themes kan ada index.php sama footer.php
nah trus mo naronya dimananya, mohon pencerahannya
thanks b4
keren mas posting na… ntr besok pagi coba dech …….. biar sama kayak blog SEO ini …….leh kan…
Wah saya coba caranya cukup jitu tuh. Tapi tambahan nih, klo saya install plugin wp-optimize. Ini ada beberapa pilihan di menu editnya seperti
Remove all Post revisions
No post revisions found
Clean marked Spam comments
No spam comments found
Clean Unapproved comments
No unapproved comments found
Optimize database tables
@Chandra kurang tahu tuh tentang GoogleGears, sudah coba Googling?
@Rejaprof, taruhnya dimana saja bisa di sidebar dan di footer asalkan sebelum tag -> </body> n makasih kembali.
@Bip To, Boleh dong.
@Ahmad, maksudnya clear post revision apa? Coba jelasin.
Itu lho mas abi. Klo kita sudah mempublish postingan kita, trus postingan kita ada yang perlu diralat, entah kata-kata yang salah atau apa gitu. Teruskan kita edit tuh dan akhirnya kita repost lagi. Nah ini postingan kita yang pertama tuh masih memakan space di hosting kita. Nah dengan adanya clear post revision maka secara otomatis membersihkan file2x yang bekas di revisi tadi.
Btw backlinknya udh belum ??? blog saya udah ada linknya mas abibakarblog tuh…konfirmasi yah..hehehe lumayan buat SEO
@Ahmad, thank you fren untuk penjelasannya dan linknya sudah di add, tadi pas maghrib mau di add tp tiba2x tsel flash saya ga ada signal karena abis hujan di rumah. Nanti coba wp-optimise bagus juga fasilitas2xnya.
trims infonya kang Abi, saya coba dulu plugin DB nya yaa
Mas Abi, artikel ini saya tulis ulang di blog saya dg judul Mempercepat Proses Loading Blog Wordpress. silahkan di cek apakah saya diperkenankan untuk mempublish postingan tersebut?
Makasih mas . . .
@Khrisna sip2 moga2 makin cepat loading timenya.
@Drajat AG, sangat diijinkan silahkan fren dan makasih kembali
blog hyperwebenable masih bisa mengakses phpmyadmin koq
, artikelnya ada di blog saya
saya punya template kok berat dibuka-nya yah..?
apakah loding feed-nya yang berat, betul ga sih
mohon pencerahannya Bang..
trims
Ilmu yang bermanfaat. Terima kasih.
thanx banget buat tutornya
tapi ada gak teknik mempercepat blog di blogspot
sebelimnya trims
Thank’s infonya. Sangat membantu…
pamit sharing dikit ya Om…
untuk optimizing data base, tanpa perlu masuk phpmyadmin salah satunya bisa menggunakan plugin WP-DBManager
sudah upload plugin db cache, active, setting db cache centang enable, malah muncul “Permission denied in /home/yamaha02/public_html/wp-content/plugins/db-cache/db-options.php on line 107″
cara settingnya bagaimana mas Abi?
Thanks infonya. Saya sudah terapkan di blog saya
alow..mas salam kenal,
caranya mas terutama yang “whitespace” suda saya trapinin tuh
cara kerja manual.
walopun ga semua saya edit, tapi load blog saya lumayan cepet, apa mungkin karena tulisan saya masi sedikit ya,,hehe???
yang saya edit hanya stylesheet css, klo semua di edit selain css nya baik gak ya???mohon bimbingan…
tema iNove saya itu (500 kb) termasuk berat ga mas??
gmana cara ngilangin tag cloud saya di sdebar karna semua widget suda saya apus, tapi itu tetep aja nongol dsana, gmana ya mas???
tolong ya???
Gpp mba/mas, sidebar, single.php, footer, header bisa diminimalisir asalkan anda tidak kerepotan aja dengan strukturnya jika nanti mau edit theme.
Coba liat theme editornya, mungkin tagcloude kamu tersimpan dibagian editor sidebar bukan diwidget. Karena biasanya theme desainer menaruh aksesorisnya langsung di kode theme.
saya lagi nyoba buat blog pake wordpress di hosting gratisan tapi loadingnya lelet banget. nah saya akan coba tips dari abi. semoga teratasi. makasih buat abi atas sharing infonya
Makasih mas…..
sangat membantu banget neh….
Makasih mas…..
sangat membantu banget neh….
oya, saya boleh copy artikelnya g???
Boleh coba ah
kang abi, ane pernah baca katanya bisa pake http compression dengan mod_gzip
itu ngaruh gak ya soalnya blom coba..
Lengkap banget Kang, saya coba sisipkan kode di php footer untuk ngecek dan hasilnya 41 queries in 0.183 seconds… Aman engga Kang?… Nilai segitu apa karena artikel diblog saya masih sedikit?… (total 39 artikel)
Ane mingsih perawan bi, jadi mingsih suka dandan, mangkanya banyak asesoris, ane pernah nyoba aplod plugin WP-super chache, tapi 2 kali gagal terus bi, coba yang DB Cache ini ya. Sukron wa ‘afwany
Saran w nih mending di kurangin request ke database dan kurangin script php nya kl bisa di byk in html tag nya.
soalnya script php itu kl ga slh beberapa kali lebih lama di prosesnya di banding html.
sekian.
oya mampir2 juga ke blog w..
thank’s..
Theme jg berpengaruh ya…saya paling sering ganti theme…
iya nih.. kebetulan blog Q jg agak berat klo diakses dlm jaringan internet kurang bertenaga… thank infonya…
sip gan
ini baru artikel yang produktif buat para bloggers, wah blog saya banyak gambarnya…..jadi harus bersih dulu nih….
Sy barusan mau coba install plugin DB cache, tapi diketerangan worpdress plugin disebutkan “compatible up to 2.7″ sdgkan sy pake wp 2.9.2 apa kang abi sdh coba di wp 2.9.2..
“compatible up to 2.7″ mksudnya compatible dgn yg diatas 2.7..brrti blog anda sdh compatible dgn plugin itu..smga mmbntu…
Bi, sy deactivate WP super cache ssdh activate DB cache. apa prlu sy hpus WP super cache?? ada pngruh ga kberadaan WP sper Cache itu dgn DB cache? makasih bi..
mantaps tips infonya, thanks
Thanks SOb…
Sy coba praktikan
tips yang menarik, mas. blog saya lemooot banget. mungkin karena banyak gambar nya kali ya
salam kenal dan happy blogging
atau pengaruh banner berjalannya? saya ndak tau. soale lagi senang-senangnya bikin blog baru hohoho. jadi kalau lemot jadi pengunjung bakal kabur ya. waah… musti di rampingkan nih. terima kasih buat sharing infonya
tapi kok blog ini lambat bengt?
he..
benar mas
image saya disimpan di multiply
web up load hanya utk data
thanks