性能优化

一个按钮点击的完整旅程 当用户点击网页上的"提交订单"按钮时，他的期待是瞬间得到反馈。但现实往往是：按钮按下后，页面没有任何反应，用户开始怀疑是否真的点击成功了。这种不确定性会驱使用户重复点击，最终可能导致重复提交。 ...

打开任务管理器，你会发现一个令人困惑的现象：某些单页应用（SPA）的标签页在后台运行几小时后，内存占用从最初的 50MB 悄然攀升到 500MB 甚至更多。页面开始卡顿，滚动变得迟滞，最终浏览器可能直接弹出"Aw, Snap!“崩溃页面。 ...

一个全局变量的"分身术" 1979年，Unix V7引入了一个特殊的全局变量——errno。当系统调用失败时，它会将错误码写入这个变量，供后续代码检查。这在单线程时代完美运作。但到了1990年代，多线程编程成为主流，问题出现了：如果两个线程同时执行系统调用，它们会覆盖彼此的errno值。 ...

当你在网页上流畅地滚动、观看高清视频、或体验CSS动画时，GPU正在背后默默工作。但浏览器是如何决定哪些内容需要GPU加速的？GPU加速的代价是什么？为什么有时候禁用硬件加速反而能解决渲染问题？ ...

2014年，一个开发者做了这样一个测试：在一个配置了正确viewport的移动端页面上，连续点击按钮10次。在没有优化的情况下，完成这个操作需要约5秒；而消除300ms延迟后，同样的操作只需要约3秒。这2秒的差距，足以让用户放弃一个Web应用。 ...

2009年，Web Workers作为HTML5规范的一部分首次引入浏览器。十五年后，尽管多核CPU已成标配，但大多数Web应用依然在单线程的泥潭中挣扎。问题不在于开发者不知道Web Workers的存在——而在于当他们真正尝试使用时，发现数据传输的开销可能比计算本身更令人头疼。 ...

2017年，React团队做出了一个大胆的决定：重写React的核心算法。这个被称为Fiber的项目历时两年多，彻底改变了React处理更新的方式。为什么要花这么大力气重写一个已经广泛使用的库？答案藏在浏览器的单线程本质里。 ...