前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

当我们讨论「应用架构」的时候，可以理解为通过以下几个部分组合来构建网站。 Component model 组件模型。 Rendering and loading 渲染和加载。 Routing and transitions 路由和过渡。 Data/state managemen…

本文主要介绍性能优化需要做的事以及需要考虑的问题。目的在于给读者脑海中生成一个宏观的地图。

本文为2018年6月21日，在北京举办的GMTC(全球大前端技术大会)，下午性能与监控专场，由阿里云前端监控团队前端技术专家彭伟春带来的演讲稿，现场反馈效果非常好，地上都坐了三圈，很多人反馈根本无法挤进去。先上现场照。 先做一个自我介绍，我叫彭伟春，英文名是Holden, 阿里…

本文译自《Optimizing React: Virtual DOM explained》，作者是Alexey Ivanov和Andy Barnov，来自Evil Martians’ team团队。 译者说：通过一些实际场景和demo，给大家描述React的Virtual Do…

长文，梳理优化措施的作用位置。 此文主要讲的事情是如何让用户快点看到首屏页面，其主要影响因素是延迟和解析渲染耗时。有关安全部分其实也是优化的一部分。我们着重说下网络部分。 大致过程：DNS 域名解析、建立 TCP 连接、下载资源、解析页面。文章描述的优化会尽量限制在当时的分析的…

在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。 本文介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程，其中用到的方法、工具和经验心得。