Thu Nhỏ JavaScript và CSS — Giảm Kích Thước Code Cho Production

Minification xóa các ký tự không cần thiết khỏi code nguồn mà không giảm chức năng: khoảng trắng, comment và tên biến dài được rút ngắn. Điều này cải thiện đáng kể thời gian tải.

Minification JavaScript

JS minifier (Terser, UglifyJS) xóa khoảng trắng và comment, đổi tên biến cục bộ thành tên một ký tự. Mức giảm điển hình là 40–60%. Các bundler như webpack và Vite thực hiện điều này tự động ở chế độ production.

Minification CSS

CSS minifier xóa khoảng trắng và comment, rút ngắn giá trị thuộc tính (0px → 0, #ffffff → #fff). CSS qua PostCSS với cssnano đạt mức giảm 20–40% mà không mất chất lượng.

Minification Vs. Obfuscation Vs. Compression

Minification xóa ký tự không cần thiết. Obfuscation cố tình làm code khó đọc. Gzip/Brotli nén thêm file đã minify (giảm 70–90%). Dùng cả ba để đạt hiệu suất web tối ưu.