推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

1. 性能优化概述 （1）性能优化的影响 为何会出现性能优化呢？实际上产品的性能优化是市场中类似产品的激烈竞争所导致的，这种竞争是不可避免的。归根结底比的就是“人无我有，人有我优，人有我廉，人廉我专”

在工作中，前端的性能优化是非常重要的，那我们该从何入手？可以遵循雅虎前端优化35条军规，虽然这些“军规”中一些的原则有些过时，但是仍然能为我们的前端优化指明方向。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

RAIL是一个以用户为中心的性能模型，它把用户的体验拆分成几个关键点（例如，tap，scroll，load），并且帮你定义好了每一个的性能指标。 用户的输入到响应的时间不超过100ms，给用户的感受是瞬间就完成了。 事件处理函数在50ms内完成，考虑到idle task的情况，…