我做了一个简单的 benchmark 测试，创建 5000 个 CSS 变量，来看看它究竟会不会减慢页面的渲染速度。

这篇文章中，我们通过 performance 面板的火焰图分析了调用栈和执行耗时，进而排查出两个引起性能问题的因素：Vue 复杂对象递归响应式，和录制回放文件加载。

一、CDN 1. CDN的概念 CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片

从用户输入 URL 到页面显示这中间浏览器做了什么，这应该算是一道非常经典的面试题了。不仅仅能考察面试者对于浏览器渲染原理的基本了解，还能从中延伸出很多的知识点和性能优化点。

从关键路径优化着手，分析JavaScript执行如何优化，计算样式方面优化以及页面布局和重绘重排方面的优化。

从一道经典面试题：从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么入手，分析整个前端页面从请求到响应的全过程。

此文介绍常见的web性能测试的工具，如灯塔 Lighthouse、WebPageTest、Chrome DevTools