完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201503/gulp-3-compress-html.html
摘要:
上一篇我們看完了打包與壓縮 CSS 和 JS,為什麼打包壓縮 HTML 不要一起講呢?是因為打包壓縮 HTML 還會用到額外的套件和方法,避免混淆,所以就分成兩篇來紀錄。 壓縮 HTML 與 CSS 和 JS 不同的地方,在於 CSS 和 JS 利用合併之後再混淆或壓縮,而 HTML 除了壓縮,更多了去置換內容的方式,例如我們有一個網頁,裡頭載入了三個 CSS 與三個 JS,壓縮之後就會變成只有一個 min.css 和一個 min.js,如此一來原本要載入六個檔案,瞬間就變成了只需要載入兩個檔案而已,也由於由六個 request 降為兩個 request,整個網頁的流暢度也會提升。( 就像傳送一千個小檔案,速度遠不如把一千個小檔案壓縮成一個大檔案,直接傳送大檔案還來得快 )
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201503/gulp-3-compress-html.html
摘要:
上一篇我們看完了打包與壓縮 CSS 和 JS,為什麼打包壓縮 HTML 不要一起講呢?是因為打包壓縮 HTML 還會用到額外的套件和方法,避免混淆,所以就分成兩篇來紀錄。 壓縮 HTML 與 CSS 和 JS 不同的地方,在於 CSS 和 JS 利用合併之後再混淆或壓縮,而 HTML 除了壓縮,更多了去置換內容的方式,例如我們有一個網頁,裡頭載入了三個 CSS 與三個 JS,壓縮之後就會變成只有一個 min.css 和一個 min.js,如此一來原本要載入六個檔案,瞬間就變成了只需要載入兩個檔案而已,也由於由六個 request 降為兩個 request,整個網頁的流暢度也會提升。( 就像傳送一千個小檔案,速度遠不如把一千個小檔案壓縮成一個大檔案,直接傳送大檔案還來得快 )