本文以一个实际网页为例，详细记录了利用Performance面板对其进行性能分析的过程，重点介绍性能分析的一些操作方式及分析思路。

本篇文章将主要讲了常用的前端监控方案，以及前端性能性能优化实践总结，在[Web前端性能优化——了解篇]也可以了解一些前端性能的知识

图片作为现代网站重要元素之一，优化图片性能是前端性能优化中很关键的一部分，不过随着技术的发展，也许会出现一些新的优化方式替代以前的一些优化方式，但性能优化的关键还是以提升用户体验为目的。

在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问题；我们用微前端技术对一站式工作台做了业务上的拆分，本文主要阐述在拆分过程中遇到的问题和挑战。

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

图片是一个网站的重要组成部分，图片影响这页面的美观和品质。简单来说图片对于网站建设的作用就是吸引用户、彰显网站风格、美化网站、简化网站页面，但是图片的不合理使用可能会影响页面的打开速度和用户的正常浏览

“V8 是怎么跑起来的” 系列是我学习 V8 过程中的总结。从一年前正式成为前端工程师开始，我便有意识地了解和学习 V8。我也发现，在技术社区中鲜有内容新鲜的、原创度高的中文资料，于是开始将我学习过程中的总结分享出来。 由于工作繁忙，我已经半年没有更新博客。这个系列的引子是 4…

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

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比