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

对于前端性能优化，优化手段其实是非常多的，但是不能盲目的进行优化，一定要先分析出项目的性能瓶颈，那么如何才能更好的分析出项目的瓶颈呢？其实最关键的是要分析页面的整个加载过程，找出有问题的地方再进行优化

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

面试的时候被问到性能优化的面试题只会回答性能指标？面试官问你有没有具体案例的时候无法说出整个具体流程？看看这篇我的性能优化全流程，希望能帮到你！

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情 起因 做为 NVM 的忠实用户，无意中在网上看到了更方便的管理node版本的工具volta。本来弃之以鼻，

【Vite配置篇】一步步学习Vite常用配置及优化方案，让你快速进入开发状态，给我们带来更快的开发体验。

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…