JavaScript / CSS 壓縮・輕量化(Minify)

壓縮、輕量化 JavaScript、CSS 的原始碼

特色

JS、CSS 皆支援的壓縮

以分頁切換輕量化兩種語言的原始碼

一次去除註解與空白

也自動刪減換行與多餘的分號

以數值呈現縮減量

立即顯示壓縮前後的大小與縮減率

保留字串與正規表示式

在不破壞程式碼內字面值的前提下安全壓縮

使用方法

1

選擇要壓縮的語言

從 JavaScript 與 CSS 分頁選擇要壓縮的語言

2

輸入原始碼

在輸入欄貼上程式碼,或以範例按鈕試用

3

以壓縮按鈕執行

產生已去除空白與註解的壓縮結果

4

確認並儲存壓縮結果

確認壓縮後程式碼與縮減率,以複製或下載取得

使用情境

加快網站顯示速度

縮減 JS、CSS 檔案大小以縮短載入時間

正式發布前的最終處理

輕量化發行用資源以抑制傳輸成本

節省行動傳輸量

針對行動環境壓縮傳輸資料量以節省流量

原始碼的混淆

去除整理資訊,讓原始碼較難讀取

基礎知識

縮小化與難讀化的差異

縮小化是移除空白、換行和註解以減輕檔案大小的處理方式,雖然結果會變得難以閱讀,但這與為了防止解碼而進行的難讀化(變數名稱替換或結構轉換)是不同的。

與 gzip 壓縮的關係

縮小化與伺服器端的 gzip 和 Brotli 壓縮可以併用,同時使用兩者是標準做法。由於縮小化先減少原始檔案大小,傳輸時再進行進一步壓縮,因此效果會疊加。

安全性與隱私

瀏覽器內完成

輸入的資料僅在您的瀏覽器內處理,不會傳送到外部。

僅在瀏覽器內處理

程式碼的壓縮完全在您的瀏覽器內進行,輸入資料不會傳送到伺服器。

通訊透過HTTPS加密

頁面載入也透過TLS加密,第三者無法讀取內容。

不傳送給第三方

輸入內容不會傳送給廣告網路、追蹤器等外部服務。

結果不自動保存

輸入與壓縮結果和輸入建議不會保存在伺服器上。

在 Google 搜尋中追蹤 RAKKOTOOLS

175個實用工具,透過 Google 搜尋、AI 搜尋更容易找到!

  • 搜尋中找到
  • AI 搜尋也會顯示
  • 發現新工具

更新資訊

相關工具