.png)
性能优化方案
本文系统介绍了前端性能优化的完整链路，从请求与网络、资源加载、页面渲染、JS执行、React框架运行、交互体验到监控治理。关键指标涵盖TTFB、FCP、LCP、INP、CLS，强调先定位瓶颈再针对性优化，并给出CDN缓存、代码拆分、LCP治理、CLS稳定、长任务拆分、React重渲染控制等具体方案，最后以Sentry监控形成闭环。
性能优化
2026/7/2170
你好，我是
一名前端开发工程师
.png)
VIte&Webpack
本文深入对比 Webpack 与 Vite 的核心差异：Webpack 开发环境构建完整 Bundle，Vite 利用浏览器原生 ESM 按需转换，实现快速启动。详细解析了模块图构建、Tree Shaking、代码分割、HMR 热更新原理及 Loader/Plugin 机制。同时给出了基于实际项目的构建优化方法与性能改进数据，帮助读者理解并提升构建效率。
性能优化构建工具模块打包
2026/7/1590
浏览器的进程和线程
现代浏览器采用多进程架构（包括Browser、Renderer、Network、GPU等进程），以提升稳定性、安全性和性能。渲染进程内部有主线程、合成线程等，JS单线程即指主线程。站点隔离（Site Isolation）机制将不同站点分配到不同渲染进程，防止数据泄露。理解进程与线程的区别，有助于优化页面性能。
浏览器
2026/7/1120