前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

打包优化 【参考】 vite打包性能优化以及填坑 我是如何把 Vite 的打包时间从 110s 优化到 25s 的(后续细读) 将文件分门别类 完整配置示例（vite.config.js） 生成目录结

html代码规范、css代码规范、js代码规范、命名规范以及vue工程结构等相关规范记录，编写高质量的代码，提高代码质量和可读性，增强团队协作开发效率，统一编码风格规范。

接手工程化 年底了，有必要好好总结实习以来所做的工作～ 刚入职时，mentor 大哥和我说，团队的工程化存很多的优化空间，希望我后续能先从这切入，没想到这一切入，就过去了一个学期🌝。

小编所在的团队叫 “Cuckoo FE”，前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC中台为主（90%+），另

因为工作的原因，我和一些国外的工程师们有些交流。他们对于国内环境不了解，有时候会问出一些有趣的问题，大概是这些问题的启发，让我反复在思考一些更为深入的问题。 今天聊三个事情： 小程序 微前端 模块加载

埋点 "埋点" 是一种在应用程序或网站中插入代码的技术，用于收集用户行为数据或特定事件的信息。它是用于分析和监控用户行为、应用性能和其他关键指标的一种常用方法。通过在特定位置插入代码或调用特定的 AP

当浏览器中执行一些计算密集型或耗时的任务时，这可能会导致页面响应变慢，requestIdleCallback可以帮助你在主线程空闲时执行一些任务，以避免阻塞用户界面

布局: 完善左侧栏图标, 本专栏打算将Vue2.x的老项目完成技术架构升级, 从而达到技术栈更新、迁移、重构、重写等架构演进。