Assalamualaikum
Pagi nih aku cuba buang background sebuah logo, untuk mewujudkan transparent image. Kaedah paling senang adalah dengan menggunakan online tools http://www.iaza.com/ atau download programTranspoint sebesar 4 MB
lepas nih . boleh lah aku buat file berbentuk svg dan png..
Assalamualaikum [ Catatan Teknikal Optimize Laman Web ]
Dalam catatan sebelumnya, aku ada mantion pasal Pngcrush yang boleh kecilkan saiz imej PNG. Sila rujuk kat bawah nih.
http://hardyw3b.wordpress.com/2008/04/16/pngcrush-revisit/
Tapi ada satu masalah lagi kalau nak pakai PNG file nih. Browser IE versi 6, tak support transparent.. hampeh tul.jadi aku fix dengan kaedah di bawah
http://www.twinhelix.com/css/iepngfix/
Tapi kalau korang nak guna javascript pun boleh gak untuk fix masalah tersebut. Sesapa pakai jquery. bleh tengok sini sesapa yang coding website biasa. .leh tengok sini
Minggu lepas aku jalan-jalan ke blog nicu bunu . Beliau ada mention pasal fake png transparent, bagi mengecilkan file png dan buat transparent file . Aku ada buat tutorial bagaimana untuk membuat fake transparent bagi file png. .sila rujuk kat bawah.
Assalamualaikum [ Tulisan Berbentuk Snippet ]
Catatan ini ditulis melalui gmail.
1. Dua hari aku duk study pasal optimization website. Dalam posting sebelum ini aku ada kongsi dua tips iaitu kecilkan saiz image dan on demand load. Hari ini aku ingin kongsi dua lagi kaedah, iaitu csstidy. Korang boleh guna aplikasi online atau download program csstidy . Program ini akan kemaskan file css korang. Contohnya file css yang korang saiz dia 5kb. Dengan menggunakan csstidy.. fail korang boleh dikecilkan sehingga 3kb.
2. Yang ke dua pulak, aku try guna program Shrinksafe. Ia merupakan program java. Program ini digunakan untuk compress javascript. Kalau nak guna secara offline. download js.jar dan shrinksafe.jar. Kalau nak guna secara online .. boleh terus ke http://shrinksafe.dojotoolkit.org/
Bayangkan .. file jquery.lightbox-0.5.js sebesar 20kb . .boleh di kecilkan sehingga 7.7kb. wow!!!!!
3. Hajat di hati nak cari kaedah yang sesuai untuk buat loading thumbnail image. Sesapa yang reti .. tolong guide aku.
4. Berfikir bagaimana untuk menggurangkan permintaan file dari server.
Assalamualaikum [ Catatan teknikal berkaitan dengan website ]
Minggu lepas aku ada bercerita tentang aplikasi google iaitu Page Speed. Ia merupakan firefox extension. Aku tertarik dengan aplikasi ini sebab ia boleh menguji kelajuan website yang aku buat dan aku boleh kaji kat mana dan kenapa website aku ’slow’. Memandangkan website yang aku bina menggunakan fungsi Jquery, agak berat sedikit loading page pertama.
Aku guna Firefox 3.5 portable, Firebux 1.40b2 dan Page Speed 1.011. Pecahan daripada analisis yang dibuat oleh Page Speed melibatkan banyak perkara seperti mengurangkan gambar atau mengurangkan saiz kb imej, enable gzip compression, Cache-Control Header dan sebagainya. Sila rujuk sini juga untuk bacaan lanjut [http://developer.yahoo.com/performance/rules.html ]
Oleh kerana kawan aku hanya membeli hosting, jadi tak dapatlah aku bubuh gzip compression dan Cache-Control Header.Sebab kalau guna Apache, ada beberapa module yang perlu diletakkan .. mod_gzip ( apache 1 ), mod_deflate ( apache 2 ) , mod_expires . kalau dapat godek server sendiri nih . boleh la aku letakkan semua benda benda yang dikatakan di atas.
Jadi apa yang boleh aku buat adalah, kecikkan saiz fail imej dan Mambang mencadangkan penggunaan on demand load bagi file-file javascript yang besar. Untuk kecikkan saiz fail imej. aku gunakan beberapa tool yang dicadangkan dalam url di atas seperti Pngcrush dan Jpegtran. Untuk On Demand Load, aku menggunakan lazy script.
Ok, itu ajer dua trick yang aku guna stakat nih, banyak lagi yang perlu aku belajar. @Bat : kalau ada apa apa lagi yang nak tambah . silakan. aku pun kurang reti sgt bab bab website nih ..
update: contoh-contoh
You are not alone
For I am here with you
Takziah untuk keluarga Michael Jackson [ Mekael ]- Al fatihah..
