Tak tahu nak kata apa sudah, saya sendiri betul-betul terkejut dan gembira sebenarnya. Saya selalu lajukan blog ni dengan minify cara manual. Tapi bila buka GTMetrix atau google page speed online, masih ada amaran minify html. Jadi saya pun tak dapat nak buat apa la sudah. Tapi terima kasih jumpa satu blog yang memberi cara mudah nak lajukan blog blog. Yang bestnya cara intert3chmedia ni minify HTML, Javascipt dan CSS tanpa plugin. Ya tanpa plugin.
Kenapa kena kurangkan penggunaan plugin?
Sebab plugin ni ada yang lambatkan blog dengan tambah fail CSS. Sebaiknya fail CSS ada satu ja dalam satu blog. Contoh plugin tambah CSS ni, plugin commentluv. Saya pernah cuba gabungkan dua fail ni, dari segi blog tu tiada masalah, tapi tak jadi. Ada juga yang tambah javascript atau kod-kod lain. Ada plugin guna table database terlalu banyak. Contoh plugin SEO SearchTerms Tagging 2, atau mana-mana plugin yang banyak logs dan stats.
Apa itu minify?
Secara ringkasnya minify ni bagi meringkaskan kod CSS, Javascript dan HTML di blog kita. Contoh kod HTML kita dari 100 line jadi 1 line. Jadi browser pun cepat nak download fail blog kita. Sebab lebih ringan. Mungkin fail asal 150kb jadi 100kb. Kebaikan minify ni untuk lajukan blog bagi pelawat pertama datang blog tanpa cache.
Cara minify secara manual
Saya tahu ramai pengguna plugin wordpress W3TC Total Cache, saya juga salah satu. Tapi nak tanya kalau kat google page speed, ada tak amaran minify HTML? Saya ada. Saya dah setting habis dah plugin tu, tapi tak tahu la apa masalahnya. Nasib baik la cache dan gabungkan minified CSS dan Javascript tu tetap menjadi. Kalau tak, dah lama buang.
Nak minify secara manual mudah ja untuk CSS dan Javascript sebab ada website compressor. Untuk minify CSS. Untuk minify JS pula. Untuk HTML, caranya senang ja. Pergi kat theme editor buang line kosong yang tidak guna, buang line komen. Kena hati-hati, takut terpadam kod penting. Keburukan cara ni, nanti bila nak edit tema atau nak tambah kod apa-apa, susah nak tahu kat mana. Terpaksa guna CTRL+F. Ini yang saya biasa buat. Tapi apa yang tak menjadinya, cara ni tak minify widget dan fail lain yang tiada di theme editor.
Lajukan blog minify HTML, Javascript dan CSS tanpa plugin
Ok, akhirnya tiba masa yang di tunggu. Sebelum tu apa peningkatan yang di buat pada blog ni? Mari kita tengok.
Blog ni selalunya dapat 98% ja kat page speed grade tu, yang lain susah sikit nak baiki. Tahu cara minify HTML ja. Dah cuba secara manual tapi masih keluar amaran tu. Ini lepas minify HTML guna tanpa plugin. Jangan hirau sangat tentang load time dan page size sebab tu tak menentu. Lagi iklan di blog ni rotate setiap masa.
Kalau nak tengok kelajuan blog, saya biasanya guna GTmetrix atau pingdom ja. Kalau nak bandingkan dengan pesaing blog lain. Saya guna GTmetric dengan Which Load Faster.
Sebelum minify tanpa plugin. Cuba tengok tu, 94 line. Banyak tu. Antara penyebab makin banyak line tu sebab Top commentator widget.
Selepas minify tanpa plugin, 14 line ja. Banyak bezanya kan. Nampak kat line 11 tu? itu kod yang akan keluar kalau minify guna kod ni berjaya.
Caranya mudah saja. Copy kod ni (kod), lepas tu paste di function.php anda. Ingat jangan ambil pembuka dan penutup php. Pembuka dan penutup php tu dah ada dalam function.php. Mudah saja kan? Boleh tunggu kejap. Kalau blog anda ada cache. lepas tu boleh buka blog anda dan cuba right click > page source. Tak pun CTRL+U. Anda akan lihat macam dalam gambar ketiga pada line 11 tu kat bawah sekali.
Itu saja, harap membantu. Terima kasih lagi sekali kepada intert3chmedia kerana telah membantu hilangkan belenggu irama di minda nak lajukan blog.
lajunya blog bro, aku dah test speed blog aku, memang slow siput betul.. mungkin aku kena kurangkan plugin
Plugin sebenarnya tak semua buat slow sangat. Kena tengok juga. Ada yang tambah fail CSS lain. Ada yang buat database berat. Ada yang guna js. Saya pun sampai 18 plugin saya pakai. haha. tapi ada 3 4 plugin dalam list nak buang.
Terbaik bro… dah lama tak sempat nak optimize blog sendiri…
Takpa bro. Blog bro memang dah laju pun.
semalam sempat mencuba kod yang dikongsikan di halaman tersebut, tapi saya perasan ada kekurangan dalam class yang telah dikongsikan, class tersebut menyebabkan kod-kod iklan akan terganggu disebabkan kemasan yang kurang baik.
Jadi ada perkara yang perlu diubah dalam class tersebut untuk mengelakkan perkara ini berlaku. Jika tidak menggunakan iklan-iklan luar seperti google ads mungkin tiada masalah.
Sekadar ingin berkongsi percubaan yang telah dibuat. :)
Maksud bro iklan luar tu seperti google adsence termasuk nuffnang, innity, adsctract? Sebenarnya saya tak pandai tengok kod ni tapi memang takut juga kod minify ni mengganggu tracking kod macam iklan atau google analytic. Tapi bila saya tengok, tiada masalah pula. Saya harap bro boleh tolong perbetulkan kod tu mana yang kurang untuk di kongsi bersama.
Setakat ni, yang terjejas hanya google ads, innity tiada masalah… InsyaALLAH ada kesempatan nanti saya ubahsuai sedikit class tu dan kongsi di blog…
Terima kasih sangat bro. Patutlah saya tengok tiada kesan buruk kat iklan dan analytic saya. Nanti bro kongsi, sebab saya takut juga script ni mengganggu google ads pembaca yang lain. Saya sendiri pun nak letak google ads nanti kalau dapat approve. Terima kasih sekali bro.
Cun. Berjaya optimizekan blog. Page speed dari C ke B. okla jugak. Thanks for sharing. :)
Boleh tu bagi jadi B ke A. Cuba lagi. hehe
Aku guna Minify di W3 Total Cache & Cloudflare. Tengah dapatkan CDN plak ni nak maintain page load time :)
Saya pun pakai plugin W3 Total cache dengan cloudflare tapi entah kenapa kurang berkesan pula minify guna plugin tu. Sebab tu cuba minify secara manual, tapi masih ada amaran, nasib baik jumpa cara ni, amaran minify HTML tu hilang.
Saya sudah cuba tidak banyak sangat perubahan. Kalau guna plugin W3TC saya masih ada masalah untuk set minify.
Betul tu, sebenarnya tak banyak sangat perubahan. Tapi perubahan yang ada tu buat saya gembira pula. Sebab dapat menghilangkan belenggu amaran minify html di google page speed.
Macam improvement yang berlaku di blog bro memang terbaik. Saya perlu buangkan iklan Nuffnang untuk mendapatkan loading blog yang pantas.
Terima kasih perkongsian tips ini banyak membantu.
dengan penuh semangat aku akan mencubanya
terima kasih banyak, bro
Dengan penuh semangat ya. haha. Ok bro. Sama-sama.
huh power bro..memang ini yang aku idamkan hehehe..:)
haha. Boleh la cuba bro.
memang ini akan saya cuba bro hehehe thanks
Kalau berkesan bagitau ya bro.
Terima kasih di atas perkongsian info.. Info yang sangat bermanfaat untuk para blogger.. ;)
Sama-sama. Harap info ni bermanfaat untuk Anuar juga. hehe
giler laju, dah nak macam perfect la plal aku tengok
Takda la perfect bro. Banyak lagi kena tweak ni.
Wah, ilmu baru ni. Saya biasa guna plugin jer. Tp plugin sy kadang2 smp 20 lebih, dan klu nak minify css & js tu kadang2 ada plugin yang x berfungsi. So, sy kena berhati-hati gak dalam minify ni.
But before that, prioriti utama saya skrg adalah transfer hosting ke hosting Malaysia pulak. Perlukan server baru di Malaysia, sebab skrg dah ada blog target local user.
Sama la, plugin saya pun 19 dah sekarang. Ada yang kurang guna, tapi sayang pula nak buang. Itu lah nak script tanpa plugin. Tapi bro cuba-cuba tengok la script ni, sebab bro eizil kata script ni ganggu iklan google. Tak tahu la pula.
Sama la, saya punya server pun server US. Itulah bulan depan nak tukar hosting ni.
owh.. iklan google xde masalah.. sbb sy dah retire guna Adsense :D
nak tukar hosting? Nak pki dedi ke shared jer?
Saya pula nak try adsence, macam masyuk ja orang guna adsence kan. haha
Nak tukar shared ja. Dedi ni biasa mahal la. Sekarang tengah kaji-kaji hosting mana bagus dan murah la ni.
boleh cuba ni, tq bro…
Sama-sama bro.
dah guna plugin W3TC tapi tak membantu sangat. selepas anlysis terbutki yang memberatkan sebab saiz gambar. adeh!! :(
selepas ini kena belajar cara minify macam bro katakan. tq
terima kasih man..bagitau cara lajukan blog..
Sama-sama.
terima kasih atas perkongsian..nampak berkesan juga