demo小鋪

網站最佳化技巧中有一種稱為「CSS Sprite」的技巧，主要原理是減少瀏覽器和伺服器端的訪問，並且利用瀏覽器本身的快取機制達到優化的效果，以往「CSS Sprite」需要設計人員協助處理，但是現在利用 Sprite and Image Optimization 就可以達到自動產生，立即優化的效果！怎麼辦到呢？繼續看下去吧。

這篇主要是詳細說明筆者在 twMVC#8 時所介紹的「靜態檔案最佳化」其中的一個內建工具應用，也補齊一些《ASP.NET MVC4 網站開發美學》中沒有提到的部分。先特別強調此功能內建在 ASP.NET MVC4 中，並且是利用 NuGet 在持續維護與更新，所以本文的內容可能一段時間以後就不正確了，觀看時請務必注意版本資訊。

這是筆者在 twMVC#8 推薦的線上測速工具，特別再發到 Blog 讓其他朋友也可以知道這資訊

身為網站開發者的我們都深知網路頻寬的珍貴，頻寬可以賺進鈔票也可以讓你付出鈔票，身為一個有 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 檔變成自動執行，這是一件多美好的事情阿。

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