CSS/JS Minifier & Concatenator
Minify and concatenate CSS and JavaScript code to reduce file size and improve web performance.
Optimization options
Size: 0 bytes
Size: 0 bytes Reduction: 0%
Multi-file concatenator
Add multiple CSS or JS files and combine them into a single minified file to reduce HTTP requests.
Added files
Files: 0 | Total size: 0 bytes | Minified size: 0 bytes
What is a CSS and JavaScript minifier?
Minification means removing everything the browser does not need to run the code: comments, whitespace, line breaks and redundant characters. This minifier works in the browser without uploading your code to any server, and also lets you concatenate several files into one to reduce the HTTP requests of your website.
How to use this tool
- Select the CSS or JavaScript tab according to the type of code.
- Paste your code or press Load example to try it with a snippet.
- Adjust the optimization options: comments, whitespace, colors and selectors.
- Copy or download the result and check the size reduction in bytes.
- Use the Multi-file tab to concatenate several files into a single one.
Typical use cases
- Reduce the weight of CSS and JS assets before deploying to production.
- Concatenate libraries and custom styles into a single file to optimize rendering.
- Check how heavy a snippet is before including it in a bundle.
Frequently asked questions
Is it safe to minify code on this page?
Yes: the whole process happens in your browser with plain JavaScript. The code is never sent to any server.
Does minification change the behavior of the code?
No: only characters that do not affect execution are removed, such as comments and whitespace. The result must work identically to the original, although it is worth testing before publishing.