Vitaly Friedman 提供了一个涵盖广泛的性能考量因素的清单。它巧妙地融合了旧的策略(例如,精简代码、渐进增强等)和新的考虑因素(例如,树状摇动、预取等)。我很喜欢其中包含的 快速获胜 部分,因为很多事情只需付出很少的努力就能完成;在深入更复杂的性能任务之前,完成这些事情非常重要。
说到考虑性能,Philip Walton 最近深入研究了 在我们随意使用诸如 TTI 之类的缩写词的世界中,交互性实际上意味着什么。
但是,“交互性”这个词到底是什么意思呢?
我认为阅读本文的大多数人可能大体上知道“交互性”这个词的意思。问题在于,近年来,这个词被赋予了一个技术含义(例如,在“交互时间”或 TTI 指标中),不幸的是,该含义的具体细节很少被解释。
其中一个原因是页面依赖于 JavaScript,而 JavaScript 尚未下载、解析和运行。这个原因众所周知,但还有另一个原因:“主线程”可能忙于处理其他事情。这是性能的一个特别阴险的敌人,因此请务必阅读 Philip 的文章以了解更多信息。
此外,如果您喜欢前端检查清单,可以查看 David Dias 的 前端检查清单。