對優化網頁效能有研究的人都知道,首要的任務是盡量減少 HTTP 請求 (http request) 的次數,例如把多個 JavaScript 檔案合併,把多個 CSS 檔案合併,利用 CSS 精靈和合併的小圖示等等,但是很多人都不知道還有一個 data URL 的密技,讓我們直接把圖像的內容崁入網頁裡面,這個密技的官方名稱是 data URI scheme。
甚麼是 data URI scheme?
假設你有以下的圖像:

把它在網頁上顯示出來的標準方法是:
<img src="http://www.hkpug.net/files/images/check.png"/>
這種取得資料的方法稱為 http URI scheme,同樣的效果使用 data URI scheme 可以寫成: ......閱讀全文 >>>