In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.
Here's one way to set it up:
- Install Node.js
- Run
npm init -y
in your project folder (don't skip this step!) - Run
npm install terser
Now, to minify a file called like_button.js
, run in the terminal:
npx terser -c -m -o like_button.min.js -- like_button.js
This will produce a file called like_button.min.js
with the minified code in the same directory. If you're typing this often, you can create an npm script to give this command a name.
Minification is the process of removing all unnecessary characters from JavaScript source code without altering its functionality. This could be whitespace, unnecessary lines of code, unnecessary semi-colons, and shorter variable names and functions.
we need it because it may slow down the page for your users which you wouldn't like .