本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页性能体验。

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

1. 适当大小的图像 提供适当大小的图像，以缩短加载时间。 2. 提供新一代格式的图像 提供JPEG 2000，JPEG XR和WebP这样的图像格式通常比PNG或JPEG更好的压缩率，意味着更快的下载速度和更少的数据消耗。 3. 视频格式替换动图(gif/apng) 大的GI…

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

日常开发网页经常会使用一些特殊字体，本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧

项目规范配置 1.git提交规范配置 commitlint 约束commit messag规范 lint-stage 提交代码时只针对暂存区文件（git add）, 进行代码lint检查并fix hu

1.eslint的配置 上图👆是eslint主要的配置，我们简单回顾下每个配置的背后包含的意义 1.1 parse 关于Espree可以参考下面这个例子 而常用的解析器还有包括以下几种 Esprima