HTML + JavaScript + CSS緊湊工具

Question

我需要一種工具，可以縮小，優化和挖掘那些可能類型的許多文件

• HTML（僅限縮小）
• JavaScript（縮小，優化和munge）
• CSS（縮小）

最終結果應該是一個僅包含所有JavaScript和CSS的HTML文件，或者分別用於HTML，JS和CSS的最差方案3文件。

我知道像YUI Compressor等工具。我目前還沒有找到的壓縮器類型將適用於所有這些文件類型，並將它們合並到一個巨大的文件中。

Answer 1

如果您還沒有使用gzip，請先開始使用它，我們可以關閉這個東西;）

Answer 2

我的建議是將所有JavaScrpt放在頭文件中的<script>中，並將所有CSS放在<style>標記中。 然后盡最大努力進行優化，然后自行減少。 沒有任何軟件能夠處理每個案例。 如果您嘗試最小化文件大小，則只需刪除換行符和不必要的空格。

我也發現了這個 ，它應該適用於你的文件，其中包含全部3個。

另請注意，如果您開始刪除可選標簽，則可能會遇到一些問題。 有些瀏覽器不能像它們應該的那樣合作。

Answer 3

您可以使用jsCompressor壓縮和縮小多個JavaScript文件，並使用CSS Compressor將多個Css文件壓縮/縮小為一個文件。 為了優化您的HTML文件，您可以將代碼的發布請求發送到Google Clouser服務器，該服務器使用優化的Html代碼發送響應。

Answer 4

據我所知，沒有這樣的工具。 但是，如果您在服務器端使用PHP，則可以嘗試PHP Speedy （未主動開發，但可以工作）或Minify進行自動縮小，緩存和gzipping（HTML，CSS，JS）。

編輯：kangax的HTML minifier（正如Badger所建議的）只做HTML縮小。

Answer 5

Gad，考慮縮小CSS的缺點。 如果你沒有一個系統，你編輯正常/縮小/然后部署它可以使以后編輯CSS相當冒險。

我在一個國際銀行的大型UI刷新項目中完成了這一論點。 一個網站特別是每天訪問量達到100萬以上，並且盡管我們努力保持最小化，但帶寬數量卻是瘋狂的（每一點點都會增加一個大量流量的網站）經過一個非常有才華的大型團隊的業務分析，它是確定我們會采取幾個步驟，但不會因為增加的時間而縮短，因此需要工程師在修復，縮小和重新部署之前撤消縮小以進行簡單的CSS調整。 數據表明，即使每天帶寬增加5GB，但在額外的時間內不支付UI工程師的成本仍然更低。

我們不知道您網站的具體細節，但是沒有太多人不得不擔心我的示例使用的流量。 在Firebug的新速度分析儀中運行您的站點，看看縮小的真正好處是什么.....現在乘以您的流量。 通常，這個數字並不太可怕。 花時間做圖像精靈，將css和js組合成相應的文件（比由於緩存優勢而混合到單個php文件中）以限制http請求，並確保正確設置緩存。 運行gzip壓縮。 如果在這些步驟之后你不好，那么將網站提升到一個新的水平。

保持簡單......它對網站生命周期的更新和維護部分產生巨大影響。 隨着時間和頭痛的節省，你可以幫助我們解決我們的問題:)

Answer 6

http://prettydiff.com/?m=minify將完全滿足您的需求，除了它只會縮小JavaScript並且不會混淆它。

Answer 7

我建議你看一下html5 Boilerplate中包含的構建腳本： http ：//html5boilerplate.com/。 通過一些最小的調整，它將做你想要做的事情。