[{"data":1,"prerenderedAt":238},["ShallowReactive",2],{"term-m\u002Fminify":3,"related-m\u002Fminify":221},{"id":4,"title":5,"acronym":6,"body":7,"category":202,"description":203,"difficulty":204,"extension":205,"letter":206,"meta":207,"navigation":136,"path":208,"related":209,"seo":215,"sitemap":216,"stem":219,"subcategory":6,"__hash__":220},"terms\u002Fterms\u002Fm\u002Fminify.md","Minify",null,{"type":8,"value":9,"toc":196},"minimark",[10,15,19,23,26,30,185,189,192],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Minification is when your code goes on a diet. It removes all the spaces, newlines, and long variable names and replaces them with the shortest possible version. Your human-readable 'calculateUserAge' becomes 'a' and nobody cares because browsers don't need it to be pretty.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Minification is a build-time optimization that removes whitespace, comments, and unnecessary characters from source files, and optionally renames variables to shorter names (mangling). It reduces file sizes, improving load times. Tools like Terser, esbuild, and UglifyJS perform minification.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Before minification\nfunction calculateUserAge(birthYear) {\n  const currentYear = new Date().getFullYear();\n  return currentYear - birthYear;\n}\n\n\u002F\u002F After minification\nfunction a(b){return(new Date).getFullYear()-b}\n","javascript","",[38,39,40,49,74,108,125,131,138,144],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Before minification\n",[41,50,52,56,60,64,68,71],{"class":43,"line":51},2,[41,53,55],{"class":54},"spNyl","function",[41,57,59],{"class":58},"s2Zo4"," calculateUserAge",[41,61,63],{"class":62},"sMK4o","(",[41,65,67],{"class":66},"sHdIc","birthYear",[41,69,70],{"class":62},")",[41,72,73],{"class":62}," {\n",[41,75,77,80,84,87,90,93,97,100,103,105],{"class":43,"line":76},3,[41,78,79],{"class":54},"  const",[41,81,83],{"class":82},"sTEyZ"," currentYear",[41,85,86],{"class":62}," =",[41,88,89],{"class":62}," new",[41,91,92],{"class":58}," Date",[41,94,96],{"class":95},"swJcz","()",[41,98,99],{"class":62},".",[41,101,102],{"class":58},"getFullYear",[41,104,96],{"class":95},[41,106,107],{"class":62},";\n",[41,109,111,115,117,120,123],{"class":43,"line":110},4,[41,112,114],{"class":113},"s7zQu","  return",[41,116,83],{"class":82},[41,118,119],{"class":62}," -",[41,121,122],{"class":82}," birthYear",[41,124,107],{"class":62},[41,126,128],{"class":43,"line":127},5,[41,129,130],{"class":62},"}\n",[41,132,134],{"class":43,"line":133},6,[41,135,137],{"emptyLinePlaceholder":136},true,"\n",[41,139,141],{"class":43,"line":140},7,[41,142,143],{"class":47},"\u002F\u002F After minification\n",[41,145,147,149,152,154,157,160,163,165,168,170,172,174,176,178,181,183],{"class":43,"line":146},8,[41,148,55],{"class":54},[41,150,151],{"class":58}," a",[41,153,63],{"class":62},[41,155,156],{"class":66},"b",[41,158,159],{"class":62},"){",[41,161,162],{"class":113},"return",[41,164,63],{"class":95},[41,166,167],{"class":62},"new",[41,169,92],{"class":82},[41,171,70],{"class":95},[41,173,99],{"class":62},[41,175,102],{"class":58},[41,177,96],{"class":95},[41,179,180],{"class":62},"-",[41,182,156],{"class":82},[41,184,130],{"class":62},[11,186,188],{"id":187},"when-youll-hear-this","When You'll Hear This",[16,190,191],{},"Always minify before deploying to production.,The minified bundle is 73% smaller than the source.,Minification broke our app — we had eval() with dynamic variable names.",[193,194,195],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":197},[198,199,200,201],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":187,"depth":51,"text":188},"frontend","Minification is when your code goes on a diet.","beginner","md","m",{},"\u002Fterms\u002Fm\u002Fminify",[210,211,212,213,214],"Minification","Bundle","esbuild","Source Map","Bundler",{"title":5,"description":203},{"changefreq":217,"priority":218},"weekly",0.7,"terms\u002Fm\u002Fminify","4coEh8SeDbfzfF3iniPhELWhxpXDz5ZX4Of93fJa8xk",[222,225,228,232,235],{"title":211,"path":223,"acronym":6,"category":202,"difficulty":204,"description":224},"\u002Fterms\u002Fb\u002Fbundle","Imagine your code is a pile of LEGO instructions split across 50 tiny papers.",{"title":214,"path":226,"acronym":6,"category":202,"difficulty":204,"description":227},"\u002Fterms\u002Fb\u002Fbundler","A bundler is the robot that smashes all your separate JavaScript files, CSS, images, and random imports into one (or a few) neat packages that the browser...",{"title":212,"path":229,"acronym":6,"category":202,"difficulty":230,"description":231},"\u002Fterms\u002Fe\u002Fesbuild","intermediate","esbuild is a bundler written in Go (not JavaScript) which means it's absolutely unhinged fast — like 10-100x faster than other bundlers.",{"title":210,"path":233,"acronym":6,"category":202,"difficulty":204,"description":234},"\u002Fterms\u002Fm\u002Fminification","Minification is the full process of squishing your code files as small as possible before sending them to users.",{"title":213,"path":236,"acronym":6,"category":202,"difficulty":230,"description":237},"\u002Fterms\u002Fs\u002Fsource-map","Source maps are the translation files that let your browser's DevTools show you the original, readable source code even though the browser is actually runn...",1776518295364]