Compressing your JavaScript and CSS files is an old school trick to gain more speed for your website.
But what happens when you want to debug the code inside those auto-generated files? It can be a real headache to do so without using source maps.
Source maps are basically a mapping between each line in the compressed file to the corresponding line in the original source code. This way you can easily debug your application even if it runs with a compressed version of your code. Chrome and Firefox (23+) come with a built-in support for source maps.