笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

这篇文章介绍了项目搭建的步骤，然后讲解了业务场景中的代码打包差异，并提出了打包优化的两个点。接着详细介绍了如何将第三方依赖库和业务代码单独打包成不同的js文件，并提出了手动填写第三方库的缺点。

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化插件或

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

背景 1、对比intersectionObserver与监听scroll性能 1-1、chrome-performance测试 intersectionObserver监听 的 performance

2022年12月公司因为经营问题，被迫裁员。 产研为裁员重灾区，身为前端开发的我理所当然的没有逃过这一劫。 好在虽被裁，但技术尚可，年龄不大，所以很快找到了新公司。 今年年初入职了现在这家公司

这两篇指南（网络层、浏览器层）致力于采用清晰易懂的形式带大家熟悉常见的前端性能优化方案。文章不再是简单的罗列的方案点（平铺的目录结构），而是采用分类总结的方式（清晰的目录结构）。

前言 用户角度的性能指标 用户感知的指标 感知的加载速度：网页加载并将其所有视觉元素呈现到屏幕的速度 加载响应速度：网页加载和执行任何必需的 JavaScript 代码的速度，以便让组件快速响应用户互

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器