在常规文章中，我们一般会看到DOM数的构建过程，稍微深入一点，还能看到Render树的构建过程。本文却不只是停留在表面，它会深入到浏览器底层的渲染过程，探讨一些有价值，有意义的东西。 ​ 浏览器做的第一步就是标准化css文本，当然这个过程很简单，无非就是一些细节处理与转换，我们…

本文主要介绍DevTools 中的Memory Panel，可以查看当前网页的内存分配情况，用来排查内存泄漏问题

038：V8引擎如何进行垃圾内存的回收？JS语言不像C/C++,让程序员自己去开辟或者释放内存，而是类似Java，采用自己的一套垃圾回收算法进行自动的内存管理。作为一名资深的前端工程师，对于JS内存回

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，目的是一次性彻底搞懂GC！

加载脚本时，浏览器需要时间在执行之前评估它们，这可能会导致任务很长。了解脚本评估是如何工作的，以及如何避免在页面加载期间产生长时间的任务。

React 16.5 添加了对新的 profiler DevTools 插件的支持。这个插件使用 React 的 Profiler 实验性 API 去收集所有 component 的渲染时间，目的是为了找出你的 React App 的性能瓶颈。它将会和我们即将发布的 时间片 特…

今日看点: 我是如何在腾讯实践webpack优化的；Vite 是怎样利用 Esbuild 来提升性能的 ？ ；61秒，摸透Linux的健康状态！；60行从零开始自己动手写FutureTask是什么体验

img标签会在html渲染解析到的时候，如果解析到img src值，则浏览器会立即开启一个线程去请求该资源。 2. img 同一张图重复 Opera 和Firefox对display:none的元素的背景，不会立即发生请求，只有当其display 不为none才会发起图片请求。…

关于这期分享内容 性能优化一直是前端领域老生常谈的问题，系统的性能以及稳定性很大程度上决定着产品的用户体验以及产品所能达到的高度。而tob和toc系统又有着不同的业务场景，性能优化也有着不用的着力点。