• 一次 Chrome Timeline 调优记录

    一次 Chrome Timeline 调优记录 其实这是一篇 Chrome Dev Tool 中 Timeline 调性能的笔记。 背景 采购商城是阿里集团采购需求的响应门户。体验+平台是信息平台用户体验部为监控各个业务线的主要产品前端指标所做的体验监控平台,可展示多种性能维度,比如错误页面占有率及加载时间平均值等。 几周前,我悄悄把采购商城接入了体验+平台,一开始的数据特别难看,采购

  • 应该知道的前端性能二三事 —— Reflow 和 Repaint

    应该知道的前端性能二三事 —— Reflow 和 Repaint 移动 Web 前端开发,目前是火的不能再火了。到处都在招什么 H5 工程师、Hybrid App 开发工程师,主要负责的其实就是一些移动 Web 前端开发的工作。稍微有过一些前端经验的人都知道,手机上的开销比 PC 上要大的多,你在 PC 的模拟器上调试的很顺畅,等到手机上时,就会卡,这是为什么呢?其实这就是性能问题,有其

  • 「无限加载更多」带来的性能瓶颈

    「无限加载更多」带来的性能瓶颈 引子 相信很多前端都遇到过这样的需求,在一个页面中预加载一个列表数据,当浏览器滚动到底部之后加载更多数据,然后循环往复这个操作。不知道大家有没有想过这个问题,设备的内存是有限的,而操作系统分配给每一个程序的内存资源也是有限制的,假如我们一直把这个列表加载下去,会出现什么样的问题? OK,我遇到问题了 其实我发现这个加载更多带来的性能瓶颈,并不是从加载更多