จาก WikiBall

How to

<script type="text/javascript">
if( window.console && window.console.firebug )
    document.getElementsByTagName('body')[0].innerHTML +=
           "<div onclick=\"this.style.display = 'none'\" "+
           "style='position:absolute; top:0; width:100%; padding: 5px 0; background: #ff7; border-bottom: 1px solid #770; font-weight: bold; text-align: center;'>"+
           "Firebug can make this web page slow, we suggest you disable it for this web page. Click to close this warning.</div>";
</script>

เพียงแค่เพิ่ม script ด้านบน ก็สามารถแจ้งเตือนผู้ใช้ได้แล้วว่าท่านกำลังเปิด firebug อยู่ ซึ่งอาจทำให้การดูเวปไซต์ของท่านนั้นช้าลง เหมือนตัวอย่างเช่น gmail นั่นเอง

Reference

• http://www.unwrongest.com/blog/if-firebug-slows-down-your-web-page-make-a-suggestion/
• http://blog.dkferguson.com/index.cfm/2009/3/31/Block-Firebug-on-your-site/

จาก WikiBall

เนื้อหา 1 Optimize ด้วย OptiPNG หรือ pngcrush 1.1 PNGcrush 1.2 Optipng 2 Optimize with Smush.it 3 reference

Optimize ด้วย OptiPNG หรือ pngcrush

PNGcrush

pngcrush เป็นโปรแกรมที่มีอยู่แล้วใน ubuntu synapticสามารถใช้ apt-get เอามาลงได้เลย

$ pngcrush -rem allb -brute -reduce original.png optimized.png

โดยพารามิเตอร์ต่างๆ มีความหมายดังต่อไปนี้

• -rem allb — remove all extraneous data. Except transparency and gamma; to remove everything except transparency, try -rem alla
• -brute — attempt all optimization methods. Requires more processing time and may not improve optimization by much.
• -reduce — eliminate unused colors and reduce bit-depth. ถ้าเป็นไปได้

Optipng

$ optipng -o7 org.png

• -o7 — optimize ระดับสูงสุด โดยเริ่มจากระดับที่ 0 – 7

Optimize with Smush.it

ย่อรูปด้วยโปรแกรม smush.it ซึ่งเป็นโปรแกรมสำหรับ Firefox
[[1]]

reference

• http://perishablepress.com/press/2009/05/17/png-image-optimization/
• http://www.dzone.com/