前言 首先我们需要确认一点，不管是webpack也好，vite也好，rollup也好，他们都只是构建工具，所以这一章我们就来探索一下项目在构建时的策略所能带来的性能优化。想学习webpack的同学，请

前端性能优化一直是很多同学非常关注的问题，在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下【2024最新的前端性能优化方案】，以此来助大家高效工作，面试顺利！

不管是面试提问，还是实际工作中，前端性能都是一个绕不过去的问题。性能优化的指标，渲染优化的原理，代码优化，等等多方面的角度，系统的整理了前端性能优化的笔记。

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

1.起因 最近发现公司项目偶发性发生 奔溃现象。 刚开始以为是代码写了一些死循环，检查完并未发现。 后面通过 performance 检查 发现内存飚到了1个多G， 可能是内存没有正常的回收，而项目是

今天前同事找到我，向我请教了一个性能优化的问题，我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......

本文正在参与 “性能优化实战记录”话题征文活动 我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化

作者最近在开发的项目有一个使用到了`vite`构建工具，先上一张项目未优化，当时看到这个就是我的天！这个包怎么这么大！于是，我对他做了一场小手术。

提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。 而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！ 性