# 从零实现的Chrome扩展 `Chrome`扩展是一种可以在`Chrome`浏览器中添加新功能和修改浏览器行为的软件程序，例如我们常用的`TamperMonkey`、`Proxy SwitchyOmega`、`AdGuard`等等，这些拓展都是可以通过`WebExtensions API`来修改

web-vitals 源码阅读。根据 src 目录介绍每个文件的作用，从代码中确定每个类型触发的时机以及计算的值，回答常见问题并延伸了一点相关的 ts 知识。

习惯使用 markdown 写作的朋友，肯定会有自己的图床，七牛云的对象存储对于个人用户每月免费 10GB，可谓是白嫖的上上之选，只需要注册后，绑定一个域名就可以使用了。

从一个假死页面引发的思考： 作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环； 在前端开发中，会偶遇到页面假死的现象， 是因为当js有大量计算时，会造

由于业务需要，最近在做chrome插件，于是寻找构建插件社区，找到了plasmo,应该是社区中比较优秀的构建chrome插件的脚手架，但最终还是没有用，原生插件非常简单，具体可以参考写个自己的chro

页面性能优化是前端开发中一个重要的环节，而评判前端性能的优劣有两个比较经常听说的指标：白屏时间和首屏时间。 接下来我们一起来看看什么是白屏时间和首屏时间，如何去计算。 白屏时间(First Paint)：是指浏览器从响应用户输入网址地址，到浏览器开始显示内容的时间。 首屏时间(…

随着前端框架盛行，`Performance` 已无法准确的监控到页面的首屏时间，本篇文章讲一种前端首屏时间的计算方案，偏算法实现，重点是思想，看懂就等于赚到！

使用Chrome Dev Tools Performance 工具对页面进行性能分析时，出现一些关键的 Web 性能指标的标记点。网站的三大性能指标：LCP、FID 和 CLS。

Chrome DevTools 加载性能指标FP、FCP、FMP、LCP，白屏和首屏，DOMContentLoaded和load事件