Dev UtilitiesLesson 138Free preview

JavaScript Minifier

This lesson is part of Web Developer Tools · All levels

Summary

JavaScript minifiers shorten code by removing comments and spaces, sometimes also replacing local variable names. The file size shrinks so that pages are downloaded faster, but the code becomes difficult to read. Use source maps and pipeline builds to keep the debugging process simple. The resulting minification code should not be edited manually.

Key points

Minification removes comments and whitespace and can shorten names
The resulting code is not designed to be edited manually
Source map maps the minified code to the original source
Patterns like eval can inhibit optimization.
Functionality testing after the minification process

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.