JavaScript代码进行压缩主要带来以下好处：

1. 减小文件大小：通过移除代码中的空白符、换行符、注释，以及缩短变量名等方式，可以显著减小JavaScript文件的大小。这有助于减少网页加载时间，特别是在网络带宽有限的情况下，压缩代码能更有效地利用带宽资源。
2. 提高加载速度：压缩后的JavaScript文件加载速度更快，这有助于提升网页的打开速度，增强用户的浏览体验。特别是在移动设备上，加载速度的优化尤为重要，因为移动设备往往受到网络速度和设备性能的限制。
3. 保护源代码：压缩后的JavaScript代码更难被恶意用户盗取或修改，这在一定程度上保护了开发者的源代码安全。
4. 优化逻辑和提升执行效率：专业的JavaScript代码压缩工具，如“JShaman JSminify”，不仅仅是简单地去除空格和换行符，它们还会使用真正的技术来减小代码体积并优化代码逻辑，从而在一定程度上提升代码的执行效率。
5. 在一定程度上达到加密效果：通过压缩代码，可以降低源代码的可读性，使得未经授权的人员难以理解和修改代码。

总的来说，对JavaScript代码进行压缩是提高网页性能和用户体验的重要手段之一。同时，它也有助于保护开发者的源代码安全，减少潜在的安全风险。然而，需要注意的是，虽然压缩可以带来诸多好处，但过度压缩或不当的压缩方式可能会影响到代码的可读性和可维护性，因此在压缩代码时需要权衡各种因素。

者：政采云前端团队

转发链接：https://juejin.im/post/5ea574cc518825736e57fcca

要介绍

Compressor.js是一款压缩图片的JavaScript组件。它在github上有2.7k颗星，可以用于图片上传时对图片进行压缩。值得一提的是，该作品是正宗的国货，产地中国杭州，在这里给作者点个赞。

Github地址

https://github.com/fengyuanchen/compressorjs/

安装

npm install compressorjs

引用

import Compressor from 'compressorjs';

效果

import axios from 'axios';

import Compressor from 'compressorjs';

document.getElementById('file').addEventListener('change', (e)=> {

const file=e.target.files[0];

if (!file) {

return;

}

new Compressor(file, {

quality: 0.6,

success(result) {

const formData=new FormData();

// The third parameter is required for server

formData.append('file', result, result.name);

// Send the compressed image file to server with XMLHttpRequest.

axios.post('/path/to/upload', formData).then(()=> {

console.log('Upload success');

});