Post kali ini adalah kesinambungan daripada post terdahulu “Jom Kita Test Kelajuan Blog“. Kalau belum baca, silalah baca post tersebut terlebih dahulu untuk mendapatkan gambaran yang lebih jelas. Dalam post berkenaan saya mencadangkan 3 plugin yang boleh digunakan untuk meningkatkan kelajuan “loading page speed” sesebuah blog/site. Salah satu daripadanya ialah W3 Total Cache plugin.
Langkah 1
Untuk memudahkan anda mengenalpasti isu yang mempengaruhi blog anda, saya syorkan supaya anda install YSlow plugin untuk browser pilihan anda dan lakukan Run Test. Dari test tersebut anda dapat mengenal pasti aspek – aspek yang mempengaruhi page speed blog anda.
Download dan install W3 Total Cache plugin. Sebelum activate, pastikan anda telah deactivate mana-mana cache plugin yang anda gunakan sebelum ini bagi mengelakkan sebarang konflik.
Pastikan anda menggunakan Preview Mode terlebih dahulu sebagai proses percubaan sebelum diaplikasikan sepenuhnya di blog anda. General Setting Tab -> General -> Preview mode -> Enable.
Langkah 2 - Activate W3 Total Cache Plugin

W3 Total Cache Plugin
Selepas di activate, satu tab baru “Performance” akan wujud di sidebar Dashboard anda. Di bahagian “General Settings“, tick bahagian – bahagian ini;
- Page Cache ->Enable -> Disk : Enhanced.
- Minify -> Enable -> Auto -> Disk -> yang selebihnya biarkan default.
- Database Cache -> Enable -> Disk
- Object Cache -> Enable -> Disk
- Browser Cache -> Enable
Abaikan CDN, Varnish dan Cloudflare. Sekiranya anda menggunakan CDN atau Cloudflare, activate bahagian tersebut. Penggunaan servis Cloudflare adalah disyorkan.
Untuk setting lain, biarkan default.
Langkah 3 – Setting Minify Tab
Sebelum mengaktifkan bahagian ini, perlu saya ingatkan anda perlu lakukan proses “TRY AND ERROR“. Enable setiap satu bahagian, Save -> Clear Cache -> Refresh blog anda untuk memastikan tidak ada sebarang broken sections. Sekiranya semuanya berfungsi sepertimana yang anda kehendaki, teruskan dengan bahagian seterusnya.
Sebagai contoh, blog ini (mobilityworlds) tidak mengaktifkan bahagian JS kerana menyebabkan Dropdown Menu tidak berfungsi.
Sekiranya semua sudah sedia, di bahagian Minify Tab, ikuti setting sepertimana di bawah;
- HTML & XML -> Enable
- JS -> Enable
- CSS -> Enable

Minify
Langkah 4 – Setting Browser Cache Tab
Di “General” tick bahagian-bahagian berikut;
- Set Expires header
- Set Cache Control Header
- Set Entity Tag (eTag)
- Set W3 Total Cache header
Selebihnya, tukarkan “Expires header lifetime” kepada 691200 seconds.
Kesimpulan
Ini adalah sebahagian tutorial asas penggunaan W3 Total Cache plugin. Sebaiknya, anda lakukan setting proses ini mengikut kesesuaian blog anda (TRY AND ERROR) dan lihat perubahannya melalui YSlow.
saya menggunakan w3tc ini untuk optimasi layanan CDN sama cloudfire nya aja.. saya lebih suka menggabungkannya dengan plugin lain untuk minify css dan jss nya. pengaturan w3tc cukup rumit dan berbeeda beda tergantung tipe layanan hosting dan metode caching nya. kadang setting yang sama tidak selalu menghasilkan optimasi yang sama di tempat lain. saya sekarang menggunakan layanan CDN dari softlayer.net setelah sebelumnya mencoba trial cdn77.
Saya setuju sangat. Settingnya mungkin berbeza dan tidak sesuai untuk pengguna yang lain.
Saudara Admin Mobilityworlds, saya dah cuba okay laju saja.
Cuma macam mana nak bagi tak jadi Preview Mode dah? ..
Saya nak plugin nie terus guna di blog saya.
Cuba saudara masuk blog saya sebentar dan tengok, okay ke tidak. Terima kasih ya.
Disable Preview Mode ( General Setting -> General)
Jenuh nak setting W3 Total Cache ni.. silap sikit habis tunggang langgang jadinya.. pakai cloudflare jugak laju.. hehe tp tu la, semua dia bypass ke server dorg.. nak tgk stats visitor kita dkt awstat cpanel pun dah berkurang.. bila check dkt akaun cloudflare, baru ada semua details visitor..
bro ada jadi mcm ni x bila pakai cloudflare?
Mr Leypark recently posted…Kesan Mandi Waktu Malam Risiko Paru-Paru Berair, Betul Ke?
Itu memang perkara normal kalau guna CF. :)
eh baca komen atas mcm2 ek rrob plugin w3 total cache… cik tom main install je sbb ramai cakap bagus..xberapa pasti pulak part blog jadi prob tu.
cik tom recently posted…Resepi Air Buah Koktail Berkastard Mudah dan Sedap
Kalo salah setting memang pening dibuatnya. :)
W3TC bermasalah la kat blog sy… Teruk2….
Izzuddin Fauzi recently posted…Kontes Seminit Dua dan Menang Solo HD – Beats by Dr. Dre
Cuba deactivate semua plugin lain dulu bro, pastu activate W3TC (disable Minify d bahagian general). Last skali baru activate plugin lain satu persatu, tengok macamana.
pengaturan plugin ini agak ribet bantet. ya… mau hasil bagus memang harus mau bersusah payah
Mesti try n error.
shraqs recently posted…Samsung Galaxy Note Memenangi Anugerah Display Application Of The Year Di SID 2012
baru perasaan plugins tu mmg ada sejak awal buat blog. Tak tahu plak kena settings sikit. Tq for the info eh.
muazfaris recently posted…Contest “Remaja dan Cinta” – 3 Pilihan Hadiah bernilai RM500
Setting sikit2 je dulu, jangan terus ubah banyak2,.. Aggregate themes nih banyak guna style… silap haribulan haru jadinya :)
shraqs recently posted…Official ICS 4.0 Untuk Samsung Galaxy SII – 15 Mac 2012
NICE,,,belum pernah cuba lagi nie,,klau berkesempatan ingat nak cuba jugak..terima kasih kerana sudi berkongsi.
hatiputera recently posted…Top 10 referrer site dari 1 februari hingga 2 mac 2012
Sama2. :)
akk berapa kali nak cuba pakai , macam hal terjadi ..last2 buang semua
Mungkin problem bahagian Minify tu kot.
info yg bagus… boleh cuba dekat blog sendiri ni…
Cuba jangan tak cuba.. :)
dah pernah guna plugin ni..tapi blog terus celaru..nanti try lagi la..
bardboo recently posted…Theme WordPress Mesra SEO
Buat setting asas je dulu Bardboo. Jangan terus advance. Blog ni pun sy tak apply semua,… paling banyak beri masalah bahagian Minify tu.
hehe..tak tahu sabar, itula jadinya..ok lepas ni buat yang basic setting je dulu..
bardboo recently posted…Theme WordPress Mesra SEO
:)
TQ…info menarik
nak guna wordpress jgak la..
fakhruddin recently posted…Aku ada iPad ! Kau Ada?
:). Bila tu ?
menarik, boleh cuba nih :)
auc dot com recently posted…Program Guru Penyayang
Kalau digunakan sekali dengan WP-DB Manager lagi bagus
shraqs recently posted…Software Percuma – Free Studio 5 (43 In 1)
Ni tuto tuk w/p je kan bro…? AKu dh pegi w/site tu..so aku guna cara biasa je la nampaknya…
yas recently posted…Keputusan Harimau Muda Vs Tanjong Pagar United FC – 3-0
Utk WP je bro,.. utk BS boleh cuba buat manual guna YSlow, Pingdom, Google Speed Checker and etc.
plug in ni aku install je tapi tak activate pun haha tak berani sangat nak guna, dan lagi satu tak tau macam mana nak pakai
sabree hussin recently posted…Perlu Ke Beli Ebook Untuk Jadi Kaya?
Slow2 sdr Sabree,.. memang tak nafikan plugin ni memang bagus, tapi agak rumit nak di apply sepenuhnya. Dapt guna 1/3 dr function yg ada pun dah kira bagus. :)
Bgs titorial ni. Boleh cuba pas ni.Terima kasih.
anjangman recently posted…Masalah – Cannot Modify Header Information
Sama. :)
Patutlah belog ni berdesup semacam je..
Terima kasih untuk tutorial ni. :)
Jomtonton recently posted…Jadual Bulan Mac Liga Super Malaysia 2012
pling ssh minify..yg len agak simple..
minify kene consider java script dibawah dan css di atas..huhu..salah setting website leh jdik kelihatan pelik ( loading x abis )
Jebeng Otai™ recently posted…Nokia Pureview 808
Inilah bahagian yang paling rumit terutama kalau blog yang banyak guna style… kena try n error satu2.
kdg2 conflict dgn cloudflare..depa pon ade minify jgak..huhu
Jebeng Otai™ recently posted…Nokia Pureview 808
klu rumit kena buat dan paham betul2 klu tersalah payah gak mau sy garu kpla yg tak gatal ni berkli2
garu kepala x pe..jgn smpai menangis x berlagu..lagi haru sbb website lari setting..hehe
Setting yg asas je dulu suri,.. yg advance tu sikit2 buat kemudian :)
best…agak pening jugak mula2 pakai benda ni
Shahrul recently posted…Pelayar Web Manakah Yang Paling Selamat?
Masa setting mula2 tempohari pun memang haru biru jugak dibuatnya :)
shraqs recently posted…Download Windows 8 Consumer Preview Wallpaper
Oh!! Wan pun guna W3 ni jugak,mmg terbaikkk…
W.HabibuRahman recently posted…Cara Belajar Menaip Pantas
wan ada guna cloudflare tak?
baru taw cmna nk setting .. hehe
Mr.Sepet recently posted…Sinopsis SeeFood Movie | Download
Samalah akunye ni. Hari tu ada install, tp tak tau pulak settingnye. Terus aku buang.
Dah ade ni, bolehlah try install balik..
Thanks bro
p/s-ada yg cakap, klau beza 4-5, jgn risau sgt pasal page loading… =)
hafizmd recently posted…Timun Cina…
kalau dpt kurangkn 5-10% dari sebelum tu pun dah kira bagus sangat dah tu
depends pd blog jugak bro.
Patutlah laju blog ni load, nice-nice..haha
Izzat Aziz recently posted…5 Soalan perlu ditanya sebelum membeli komputer
ni pun masih ada jugak stuck kdg2 tu
banyak plugin nak kena try ni.. nak kena cari masa betul betul free baru best godek blog.
rahman recently posted…Pameran barangan Turki di KLCC
Memang sengaja releasekan hari ni (Jumaat). Biasa hari minggu malas nak blogwalking apa semua :)
shraqs recently posted…Download Windows 8 Consumer Preview Wallpaper
Masih banyak benda yang perlu dipelajari untuk mahirkan diri dalam berblog. Part teknikal ni memang perlu try n error untuk dapatkan hasil yang terbaik..
anif recently posted…Earth Hour 2012 – Mari Sokong Kempen Ini
Jangan lupa slalu buat backup :)
untung la pakai w3 total cache… dlu lazaac pakai jgak, skrg ni xpakai dah… blog pakai enjin roket jer, tp xcukup laju la.. muahahaha…
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
Nak settingnya sakit kepala. Banyak sangat option.. :(
shraqs recently posted…Android Timeline
tak nak tanya ker knapa lazaac xpakai benda alah ni bro…? haha!
Kenapa tu?
shraqs recently posted…Android Timeline
ceritanya bermula sejak lazaac pakai VPS ni ha.. tangan gatal sgt nak pakai sistem lain dr yg lain, sblm ni pakai shared hosting xde masalah, sbb shared dlu ada php-suhosin la, leh pakai .htaccess la… skrg suma nyer tinggal kenangan jer.. lazaac pakai sistem yg tidak menyokong .htaccess skrg, that’s why bila activated jer plugins w3tc ni, blog terus jadi xbetul, tu belum set pape lg tu, last2 terpaksa deactivate balik dan pakai fungsi cache server jer… haha, xtaw bila la nak port balik gi server yg support php-suhosin & .htaccess… mana tak nyer, byk giler plugins not supported.. huhu
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
Patutla. Guna Autobench tak utk test?.
shraqs recently posted…Tutorial Penggunaan W3 Total Cache Plugin
utk apa tu bro..? benchmark server..?
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
Utk optimize bg VPS
shraqs recently posted…Tutorial Penggunaan W3 Total Cache Plugin
erk… mana bro taw pasal tool ni..? bro pakai VPS ker..?
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
Dulu pernah guna VPS sebab banyak blog. Dah lama sangat dah. Bila pakai shared cam skrag ni kadang2 pening jugak, jadi confuse. :)
owh yer ker.?
1. pakai VPS mana..?
2. pakai skrip apa utk blog..?
3. pernah dengar nginx?
3. skrg pakai hosting mana..?
maaf yer byk sgt soalan.. thanks kalau sudi jawab suma soalan.. huhu
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
1.Guna Webhostingpad.
2.Guna WordPress jugak (Fantastico – cPanel)
3.nginx utk static content tu kan. Ilmu lama ni, tak ingat sangat dah.
4.Skrg pakai shared hosting dr DataKL je. Saje isi masa lapang, target local je :)
thanks bro.. lazaac skrg pakai Nginx, sbb tu xdpt guna .htaccess.. dia tak support, php-suhosin jgak xde.. susah nak update plugins & theme, kalau nak update pape xpun nak install dan delete plugins cthnyer, suma manual, guna http://ftp.. yg ada lazaac pakai pun php-fpm jer.. xsama ngan shared server yg guna apache, huhu… bro faham kan apa yg lazaac terangkan ni… panjang lebar berjela-jela sgt dah..
lazaac recently posted…Modenas Ace 115 Dilancarkan Modenas
Boleh la sikit2 tu, masih ingat jugak la. Kalau dah macam tu memang susahla, semua nak kena manual. Tak larat dah sekarang ni nak main manual, nak auto semua :)Otak dah makin lembab :)
shraqs recently posted…Tutorial Penggunaan W3 Total Cache Plugin