前端性能优化手段之一压缩代码体积，前端 gzip 压缩搭配 Nginx 配置效果更佳，Gzip 压缩可以实现减小代码体积

背景是我们团队有个项目，上线后，偶尔会听到有人反馈说页面白屏了，刷新页面才好，因为有相当的机率复现，就排查原因。具体是什么情况，请听我慢慢道来。

在日常的业务开发中，偶尔会出现内存泄漏的情况，那么我们该怎么排查呢？现在跟着文章一起学习下吧~~~~

有时候js代码会阻塞页面渲染产品经理看了直摇头，探索js执行耗时逻辑时阻塞页面渲染问题根源，尝试通过宏任务，帧空余时间延迟执行的方式优化。

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

前言 大家好，我是 simple ，我的理想是利用科技手段来解决生活中遇到的各种问题。 Performance API向开发者提供了访问和测量浏览器性能相关信息的方式。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

介绍前端监控的三个方向内容。各个方向借助那些API去实现的功能，以及对部分实现步骤的解读和注意事项说明。

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。