Code Minimize & Uglify | 前端效能優化
更新於 2024/03/20閱讀時間約 1 分鐘
【shout out to 莫力全✨今晚，我想來點 Web 前端效能優化大補帖！ 】
阿榮重點整理 & 重述 & 一點點自己的補充
Code Minimize & Uglify (程式碼最小化和醜化)
我們寫的程式碼 (HTML、CSS、JS) 可以經過轉譯：Minimize 最小化 和 Uglify 醜化，經過轉譯的程式碼會變得跟原本寫的不一樣，檔案變得更小、變醜就更難被抄襲。
1分鐘英文小教室
簡單拆解一下 Minimize，mini 這個字一定非常熟悉，就是我們常常講的「迷你」，把它變成動詞後 ➡️ minimize：把東西變迷你，「最小化」的意思。
ugly 醜陋的 ➡️uglify 醜化
Minimize 是以程式的功能不受到影響為前提，移除不必要的字元，例如：空白鍵、註釋、分號...等。Uglify 則是將原本名字很長的變數或函式名稱、參數替換成簡短的字元，犧牲程式可讀性 (變得比較醜) 來換取較低的檔案大小。而且！它還會打亂程式的邏輯，例如改變原本函式的順序，避免程式碼輕鬆的被別人拿去研究或抄襲。
完全沒想到還有這個原因！好酷！
檔案大小其實不會差多少，不過當檔案本身很胖時，Minimization 與 Uglify 帶來的載入效能增長也是不可忽略的。
怎麼執行 Minimize & Uglify
如果想全部自己想辦法手動改，我們肯定會瘋掉。其實常見的打包工具 (例如：gulp、Webpack) 與框架都預設相關的功能來自動幫忙處理，太棒了！！！
資料來源
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
우리 시간 속
我們的時間中
우리 사라진 다면
如果我們消失了的話
만약, 그냥 만약에 말야
萬一 只是萬一的話
얼마 남지 않은 이
剩下不多的
시간도 너와 함께라면
這時間能和你共度的話
그럼, 괜찮을 것만 같아 난
應該會很不錯
Imagi
繼高中畢業以來已經7、8年了，我和code 學長他們還是有固定聯繫和偶爾出去玩的，一起的大部分都還是高中時代常講話的人，也就是說那群曾經都是不守規矩的壞學生的傢伙，不過有一個男人除外，他從來沒有參與過任何打架。
他叫做書柏，有著挺拔的身高，面容清秀卻濃眉大眼，是位回頭率相當高的俊美男子。他有著沒做過
Code 系列 花門篇
可愛但是有點白目的花門會與不苟言笑的Code 君擦出什麼火花呢！？
我確診了，好幹啊啊啊
如果你願意看看這篇原創文，我會很開心。
不看的話，也還好啦( ；∀；)我不會在意的
我當初第一次見到老大是在……呃，我是真的覺得很抱歉……總之事情從我剛升上高中說起。
心血來潮的8+9的高中回憶錄，全虛構，看見事實純屬巧合，謝謝。
這個應該會有下一集的系列主角是學校的老大Code君，本集敘事者為隼人，之後會再出現，可能會是敘事者或者出場人物。
看完不要覺得我的腦子壞掉，事實不用你提醒，這是學測仔的舒壓，好爽。
交易所行為準則旨在保護臺灣「區域鏈暨加密貨幣自律組織」成員、投資者與消費者之利益，同時也促進區塊鏈產業之繁榮、引導加密貨幣正向發展。為促進成員發揚自律精神、恪遵法令規定、提昇商業道德並建立市場紀律，特在此宣誓本自律組織之成員應信守以下之基本原則：
「究竟應該花多點時間去寫好編碼，還是應該快快寫好新的功能，往後才改善編碼的質素」，雖然大家心裏面都希望花時間寫好每一個功能的編碼，但面對開發時間永遠不足、上司的壓力，很多時就會無視編碼的質素，來成就新功能／新產品可以及早推出。我們怎麼說服你自己、你的上司一開始的編碼質素是何其重要？
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
우리 시간 속
我們的時間中
우리 사라진 다면
如果我們消失了的話
만약, 그냥 만약에 말야
萬一 只是萬一的話
얼마 남지 않은 이
剩下不多的
시간도 너와 함께라면
這時間能和你共度的話
그럼, 괜찮을 것만 같아 난
應該會很不錯
Imagi
繼高中畢業以來已經7、8年了，我和code 學長他們還是有固定聯繫和偶爾出去玩的，一起的大部分都還是高中時代常講話的人，也就是說那群曾經都是不守規矩的壞學生的傢伙，不過有一個男人除外，他從來沒有參與過任何打架。
他叫做書柏，有著挺拔的身高，面容清秀卻濃眉大眼，是位回頭率相當高的俊美男子。他有著沒做過
Code 系列 花門篇
可愛但是有點白目的花門會與不苟言笑的Code 君擦出什麼火花呢！？
我確診了，好幹啊啊啊
如果你願意看看這篇原創文，我會很開心。
不看的話，也還好啦( ；∀；)我不會在意的
我當初第一次見到老大是在……呃，我是真的覺得很抱歉……總之事情從我剛升上高中說起。
心血來潮的8+9的高中回憶錄，全虛構，看見事實純屬巧合，謝謝。
這個應該會有下一集的系列主角是學校的老大Code君，本集敘事者為隼人，之後會再出現，可能會是敘事者或者出場人物。
看完不要覺得我的腦子壞掉，事實不用你提醒，這是學測仔的舒壓，好爽。
交易所行為準則旨在保護臺灣「區域鏈暨加密貨幣自律組織」成員、投資者與消費者之利益，同時也促進區塊鏈產業之繁榮、引導加密貨幣正向發展。為促進成員發揚自律精神、恪遵法令規定、提昇商業道德並建立市場紀律，特在此宣誓本自律組織之成員應信守以下之基本原則：
「究竟應該花多點時間去寫好編碼，還是應該快快寫好新的功能，往後才改善編碼的質素」，雖然大家心裏面都希望花時間寫好每一個功能的編碼，但面對開發時間永遠不足、上司的壓力，很多時就會無視編碼的質素，來成就新功能／新產品可以及早推出。我們怎麼說服你自己、你的上司一開始的編碼質素是何其重要？