性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

衡量一个站点性能的好坏，我们通常看两个方面: 首屏性能和页面加载以后整个交互的流畅程度。这两个指标的好坏，决定了站点是否可以

前端常见项目涉及技术解决方案 跨域、轮播、图片懒加载、单点登录、水印、文件上传、文件下载、二维码登录、滚动加载、大数据渲染...

我们平常收集错误，大部分人、公司都采用的Sentry来收集，当然也有好多公司也有自研的前端监控。趁着最近我们组刚好要接入Sentry，并且要根据自己的调研来做一次分享。所以就总结出了下面的内容。

前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议程的，之后我们再反观ESR的

前言 正所谓，天下大势，分久必合，合久必分，前端亦不例外。纵观整个前端的发展历程，我们不难发现整个的一个趋势似乎的确符合这个场景，从最开始的 JSP ，许多的页面渲染都交由服务端渲染完毕之后推送到浏览

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

这篇文章中，我们通过 performance 面板的火焰图分析了调用栈和执行耗时，进而排查出两个引起性能问题的因素：Vue 复杂对象递归响应式，和录制回放文件加载。

Chrome Devtool Performance 是大家常用的页面性能分析工具，当你使用它来分析页面加载性能的时候会生成如下图所示的报告。 图中包含了以下几个重要的时间点：DCL, L, FP, FCP, FMP, LCP。这里我把前两个和后面几个分开来讲，因为它们分属于不…