面试中经常问到前端性能监控相关指标，你知道FP、FCP、FMP、LCP代表什么事件吗？它们的先后顺序如何呢？如何计算？前端性能监控中常用哪些指标？ 本文将介绍前端项目中常用到的性能指标

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

FCP（First Contenful Paint）的优化方案 总共八大优化点，10几个小的优化点，帮你提升前端性能优化水平

window.performance 是用来测量网页和 web 应用程序的性能，他提供一组精确的数据，通过一些简单的计算，就可以得出一些有关网页的性能数据。

我们想要让网站的性能提升，具体指的是什么，如何去量化我们的优化。而且性能体验这种东西往往是相对的。所以在讨论性能时，我们需要有精确的数据，需要有可以测量的客观的标准来定义，这些标准就是指标。

思维导图 浏览器的缓存 浏览器的缓存分为两种 强缓存 和 协商缓存。 浏览器缓存资源的位置放置四个地方 Service Worker, Memory Cache, Disk Cache, Push C

随着Web应用程序的出现，直接在客户端存储用户信息的需求也随之出现。那么我们前端常用的存储方式有哪些呢？

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

这是我参与更文挑战的第15天，活动详情查看： 更文挑战 我们的系统是基于花裤衩开源的vue-elementui-admin做的。运营人员反馈线上管理系统卡顿严重，在用户量上来之后需要优化。 卡顿现象