Minify CSS JavaScript HTML Easily from Code Editor

Why minification matters? When you write code, write comments as much as you can, use good naming conventions, use spaces and write beautiful code. This is for your own understanding. If you are working in a team, other developers can also understand well written, well commented code.

Readable code welcomes you when you revisit it to modify it, build on top of it or develop it further. But machine does not need beautiful code, with spaces and comments. Computer processor prefers code without comments and spaces. Minification is a process of removing extra spaces, line breaks and comments from code. It also changes long variables names into short names. Minified file is less in size and it can load in web browser quickly.

Work with CSS and Javascript files but minify them at the end. Keep the source and link minified versions of CSS and JavaScript files in webpage. There are tools, routines, bundlers that can minify code as you save your code. But I am giving you a really really simple and easy way to minify CSS and JavaScript code. You can even minify HTML document.

More CSS Tutorials:

#minify #minification #code #css #js #javascript #webdevelopment #webstylepress
Thank you!
For channel support:
👍 LIKE
👊 SUBSCRIBE
🔔 Hit BELL ICON
✍️ COMMENT

[fkwebdev]

Nice video brother but really happy to see that you're from Pakistan ❤
Keep it up brother 😊

[thenub]

How can I change the name of the variables to a shorter version

[lael]

THX a lot! But how can I change/modify the minify settings - example, to delete the comments in html files...

[anirbanrubel]

after I minify the code if I add some css and js then willit automatically minify that aswell?

[davisshedrack]

Thanks for the information well explained. But, I want to ask if the minify extension can be able to convert the minified app file back to its initial state?

[delilabs]

Thanks a lot you really saved a life here :D xd

[mauricioraini]

Great video. Straight to the point. Thanks!