最近在做一个 H5 营销活动时，遇到了一个比较头疼的问题：页面要用到 7 种字体，原始`ttf`文件体积加起来 42MB，就算换成压缩率较高的`woff2`格式也需 20MB 左右

从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情 背景:项目开发完后 打包 用webpack做打包（把.vue, .js, .less    -----

一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

本篇是基于浏览器渲染原理，对 CSS3 动画的一个很好结合实践。CodeReview 时，同事都直呼：细节！

vue3+TS封装公共图片压缩方法，本文阅读需要一定的基础，没什么基础的小伙伴可以先去我的这篇文章看看，适合零基础步步深入，看完再看本文定会如鱼得水。

前端最优化压缩图片上传方案！！！再次优化升级！14M压缩后仅剩130KB。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。