使用 Google Cloud Scheduler， Pub/Sub， Functions ， Storage 等云服务，搭建 PageSpeed Insights 前端网站网页的质量和性能 benchmark CI Job 工作流。 1. PageSpeed Insights…

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

[译]Uglify vs. Babel-minify vs. Terser: 一场代码压缩的战役 缩小（也是最小化）是从 解释的编程语言 或 标记语言 的源代码中删除所有不必要的字符而不改变其功能的过程。这些不必要的字符通常包括 让我们试着通过一个例子来理解这一点。下面的代码显…

Sentry 的 React SDK 支持自动报告错误和异常。SDK 是 @sentry/browser 的包装器，增加了与 React 相关的功能。 @sentry/browser 中可用的所有方法

1. 字体格式优化 2. 字体压缩介绍： 3. 兼容写法 4. 字体的tree shaking ，体积优化

什么是web前端性能 Web performance refers to the speed in which web pages are downloaded and displayed on th

Hello，大家上午好，我是web君~ 最近关注webfunny监控系统的小伙伴是越来越多啦，很多小伙伴也在咱们的官网 www.webfunny.cn 或者github上**「**webfunny_m

性能优化是所有前端人的追求，在这条路上，方法多种多样。这篇文章，说一下可以怎样定义性能指标及上报。 FP，全称 First Paint，翻译为首次绘制,是时间线上的第一个时间点，它代表网页的第一个像素渲染到屏幕上所用时间，也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…

在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Go…