提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

我们可以编写一些漂亮，且吸引人的网站，但如果该网站无法快速加载到浏览器中，人们往往会跳过它。 尽管有许多性能规则，但归根结底，这全都取决于加载时间。 一秒钟大概是用户思路不被打断的极限。用户会感觉到延迟，但还可以接受 10秒左右是用户注意力的极限。 大多数用户会在10秒后离开你…

1 问题定位 1.1 背景介绍 一方面通过减少页面【加载时长】，提升【用户体验】支撑部门月度【部门目标】：xxxx转换率； 努力达成上级下达的季度目标：2s（保底）、1.8s（达标）、1.2s（挑战）

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

代码重构是一个产品发展到一定阶段不得不面对的事情，大到整个产品重构，又或者是一个页面、一个组件的重构。我们都要思考重构背后的起因是什么，并分析重构所带来的效益和成本。

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT