前端学习博客

当 Webpack 有多个 JavaScript 文件需要输出和压缩时，原本会使用 UglifyJS 去一个个挨着压缩再输出， 但是 ParallelUglifyPlugin 则会开启多个子进程，把对多个文件的压缩工作分配给多个子进程去完成，每个子进程其实还是通过 UglifyJS 去压缩代码，但是变成了并行执行。具体做法是把资源地址 URL 的修改与文件内容关联起来，也就是说，只有文件内容变化，才会导致相应 URL 的变更，从而实现文件级别的精确缓存控制。这样做的好处是每次更改我本地代码的文件的时候，

格式优点缺点适用场景gif文件小，支持动画、透明，无兼容性问题只支持256种颜色色彩简单的logo、icon、动图jpg色彩丰富，文件小有损压缩，反复保存图片质量下降明显色彩丰富的图片/渐变图像png无损压缩，支持透明，简单图片尺寸小不支持动画，色彩丰富的图片尺寸大logo/icon/透明图webp文件小，支持有损和无损压缩，支持动画、透明浏览器兼容性不好支持webp格式的app和webview前端图片格式如何选择。

尽快完成页面内容渲染尽快开始渲染（优化 FCP）尽快完成主要内容渲染（优化 LCP）尽快完成所有内容渲染（优化 Speed Index）减少长任务尽早执行长任务（优化 TTI）把长任务拆成小任务（优化 TBT）保证页面布局稳定（优化 CLS）