本文提供了一种Vite打包大小优化的方法，从可优化分析，到问价压缩，图片压缩，字体压缩，最终实现一个压缩率足够高的优化

前言 大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。 Performance API向开发者提供了访问和测量浏览器性能相关信息的方式。

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

闭包定义应用场景 闭包（Closure） 是指一个函数包含了对其外部作用域中变量的引用，即使在该函数外部作用域执行完毕后仍然可以访问这些变量。闭包允许你在一个函数内部访问另一个函数的变量

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

性能优化是一个项目发展到一定时期之后绕不开的话题，也是每个工程师心中永远在撩拨的刺。 总结一下常用的前端性能优化的方法，希望对大家有些帮助~

我们知道，当把我们开发的pc端页面放在移动端展示，会出现布局错误。所以我们要做移动端适配，来让页面更合适。 首先我们先来了解一些手机屏幕和像素的相关概念。 屏幕大小 指屏幕的对角线长度，单位是英寸(i