背景拥有一个良好用户体验的网页对于前端开发同学来说是一件必须做，持续做的一件事情，其中首屏的渲染尤为重要，因为用户与网页产生的交互就是从首屏开始的。接下来将介绍网页性能的几个指标以及如何计算和度量这些指标，通过监控和优化这些性能数据来持续

前言起初神创造天地，天地处于一片混沌状态，神说，要有光，于是便有了光。———《圣经》 概述Sentry是一款国外的异常监控开源服务，名字翻译过来就是“哨兵”。有没有感觉像《冰与火》里的守夜人，其实也差不多，把 bug 想成异鬼就行了

一、 基于 sentry-cli 上传 第一步：安装 sentry-cli12# 记得全局安装，这样方便点npm install @sentry/cli -g 第二步：登陆 sentry-cli123456# 如果你用的是官方版，

一、SENTRY 数据软清理 （清理完不会释放磁盘，如果很长时间没有运行，清理时间会很长）12345# 登陆 sentry_worker_1 容器$ docker exec -it sentry_onpremise_worker_1

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：，可以用它来写一些简单的 DEMO，帮助加深理解。再结合

一、安装 docker 1.Windows Docker 安装https://www.runoob.com/docker/windows-docker-install.html 2.MacOS Docker 安装https://www

性能监控 HTTP一个是 http 的方面，在后端 log 日志，流入 kafka，然后在 kafka 消费数据，可以准确的监控到哪些接口有异常？异常率是多少？ API前端的 Performance 的 api，在用户的实时使用的过