前端的Kyle

1. JS开销 在字体，html，图片这些资源当中，最为昂贵的是JavaScript。它后面还有解析和编译的过程。最后才是执行. 以Reddit.com完整网站为例JS处理的时间大概需要占网页加载的耗时三分之一。而已由于JS加载阻塞，就算用户能够看到我们的页面，也没办法交互。 …

1. 回流 通过下图方式打开Rendering选项卡：Rendering选项卡，顾名思义是做一些渲染相关的事。 Paint flashing 高亮页面重绘区域。 Layout Shift Regions 高亮布局变动区域（重排）。 Layer borders 高亮合成层边框，对…