身為網站開發者的我們都深知網路頻寬的珍貴，頻寬可以賺進鈔票也可以讓你付出鈔票，身為一個有 Sense 的網頁開發者通常會對於網站流量最大的殺手【圖片】有又愛又恨的感覺，少了圖片網站缺少了視覺，太多圖片又浪費掉很多流量，因此我們可能會想對圖片做壓縮的動作，但不是專業美術設計人員的工程師又如何快又有效率的完成這件事情呢？

偉大的 Visual Studio 2010 中有一個很有趣的套件 Image Optimizer 就可以做到這件複雜又麻煩的事情。

現在的網頁為求效果與美觀，經常性的會有一堆的 CSS 和 JS 檔，如果你有使用一些 JS 套件或是 CSS Framework 那每一個頁面所需要載入的 JS 和 CSS 檔案數量更是可觀，當我們在撰寫 CSS 和 JS 檔的時候往往會因為加強維護性而排版（程式碼）使用了許多的斷行與空白，將這些斷行與空白省下來可以大幅增加網頁載入的速度，但是自己手動排是很辛苦又麻煩的，而 Mircrosoft 有推出一套專門作這件事情的套件名稱為 Microsoft Ajax Minifier 利用 Microsoft Ajax Minifier 可以整合 IDE 環境讓壓縮 CSS 和 JS 檔變成自動執行，這是一件多美好的事情阿。

有些時候我們必須利用圖片來做超連結，如果點下去後不是只接換掉整個網頁（target=_blank）總是會看到一個虛框包住那張圖片，實在是有礙觀瞻，此篇文章就來簡單說明一下如何拿掉這效果。

之前就有介紹過 CSS Sprites 技巧的好處，但是都是紙上談兵，沒有實作，這次因為 demo 小鋪 4.0 的產生也就順便實作 CSS Sprites 技巧，在實作的過程中遇到一些設計上的困難點，所以本文章會以 demo小鋪 本身的實作經驗以及效果來介紹 CSS Sprites 實戰的技巧。

只要你有開發網頁或是網頁程式，我相信你對IE6都會很討厭，它是一個很有主見的瀏覽器不支援一些標準的東西，卻又自己搞出了自己的一套規範，偏偏他又是全球使用人數最高的，所以設計人員和程式人員都有因為這IE6掉過頭髮的經驗，既然大環境不能改變(誰叫IE8下載率還沒衝起來)那我們就來"提醒"使用者快點改變吧。

現在因為AJAX和jQuery的火紅，很多web developer都察覺到了應該要把畫面的顯示還給前端處理，所以一個網站應用js技術的次數或處理就越來越多了，如果你一次有許多的js要載入那是會造成許多的web GET對於速度還是會有些許的影響，前些日子BOSS給了我一篇電子書介紹.NET framework 3.5 SP1 新增的玩意，我發現了一個ScriptReferenceProfiler的元件他可以幫助我們把頁面上的js包起來一次下載。

因為demo正在著手製作demoshop V4所以最近又遇到了要自己切版面的事情，以demo之前的習慣就是把圖切小然後來減少單圖的大小加快傳輸速度，但我只能說這是demo從撥接時代留下來的錯誤觀念，一樣是一個一知半解的錯誤。

昨天發了必免因重新整理導致的重複新增後，其實還有一個原因也會導致重複新增，就是新增的按鈕使用者狂點的時候就會發生啦，在此demo再提供一點小技巧供您參考囉。

經由免費的 CSS Tab Designer 可以讓我們就能很輕鬆容易地建立一個「殺手級」的 CSS 網頁選單。用 CSS 建立網頁選單除了可以很美觀之外，利用 CSS 美化我們的選單，除了網頁大小得以減少之外，在日後的維護也會更加的方便容易，但使用 CSS 控制網頁選單，可能需要花點時間才能將選單控制得如我們心裡所預期，但經由 CSS Tab Designer 讓這一切變得再輕鬆不過了，只要我們先將選單項目文字列出來，再選擇一個我們喜歡的內建樣式，我們就可以馬上能看到我們的成果，並且可以將其中的 CSS 及 HTML 部份複製起來，或是將成果直接輸出成網頁檔。且其輸語法更是符合 XHTML 1.0 Transitional 或是 XHTML 1.0 Strict。

網站文章已經到一個量了，再來就是要提高搜尋引擎的排名了，所以這就扯到了SEO囉，本文紀錄了demo作了哪些SEO優化已經後續修改情形，方便自己將來查閱與參考。