流行乐队他们演奏的音乐就像杜沃普

rmruhul

如果您想了解 Addie 的更多信息，您可以在 Twitter 上找到他，他的账号是 @AddieOsmani，并在 AddyOsmani.com 上找到他的所有项目链接。《图像优化》一书现在可以通过 Smashingmagazine.com 获取实体版和数字版。感谢您今天加入我们，艾迪。你有什么临别赠言吗？

阿迪·奥斯马尼：有什么离别的话吗？我有一个历史上的小怪癖，我将与人们分享。蒂姆·伯纳斯·李 (Tim Berners-Lee) 于 1992 年将第一张图片上传到互联网。我不确定您是否能猜到那是什么，但您可能会感到惊讶。德鲁，你有什么猜测吗？

德鲁·麦克莱伦：我猜是一只猫。

阿迪·奥斯马尼：一只猫。这是一个很好的猜测，但没有。这是在欧洲 电报号码数据 核子研究中心。这张照片实际上是一支名为 Les Horribles Cernettes 的乐队，这是一支由一群 CERN 员工组成的模仿音乐。他们会穿着六十年代的服装唱关于对撞机、怪异现象、液氮和反物质的情歌，我觉得这真是美妙而随意。开发专家、全栈软件工程师和性能顾问，也是 Web 性能机构 PerfPerfPerf 的创始人。他将大部分时间都花在了 JavaScript 上，并为不同的开源项目做出了贡献，通常以性能为重点。我们知道他在网络性能方面了如指掌，但你知道他曾经只用一根弹簧单高跷从屋顶上救了一只熊猫吗？我的好朋友们，欢迎您，伊万·阿库洛夫。嗨伊万。你好吗？

伊万·阿库洛夫：粉碎。谢谢。

德鲁·麦克莱伦：我今天想和您谈谈网络性能，因为这是您的专业重点和专业领域。但特别是关于 React 的性能。您的工作有多少涉及使用 React 等响应式框架？这是变得越来越普遍的事情吗？

伊万·阿库洛夫：是的。我认为是50-50。我认为我的一半工作致力于帮助客户获得低净性能，另一半工作致力于帮助客户获得 React 运行时性能。

德鲁·麦克莱伦：有增加吗？余额在增加吗？与传统方法或其他框架相比，您是否看到更多客户采用 React？

伊万·阿库洛夫：好吧，说实话，很难将 React 与其他的进行比较……有两种方法可以回答这个问题。第一个是 React 是否比 JavaScript 库、jQuery 等传统库更受欢迎。这绝对是真的。这种情况已经持续了一段时间了。另外一个就是React与Vue等框架相比是否像直接毛或假的。

伊万·阿库洛夫：老实说，没有。从我的角度来看真的很难判断。据我所知，React 绝对是最受欢迎的框架。另外，我有一些来自世界不同地区的朋友，但对于不同的地区来说，情况实际上并非如此。例如，在乔治亚州，这是一个国家，而不是美国的一个州。据我记得，大多数本地开发人员都使用 Angular，这相当有趣。有一次我来那里做 React 演讲，组织者告诉我，很难找到与会者，因为 React 不太受他们欢迎。



德麦克莱伦这真的很有趣。如果有人来对你说：“嘿伊万，你是一个英俊的男人。为什么我的 React 应用程序很慢？” 你会从哪里开始寻找？开发人员在使用 React 时会遇到哪些主要问题？

伊万·阿库洛夫：是的。当开发人员来找我并询问：“嘿，我的应用程序很慢。为什么会发生这种情况？我们怎样才能批准呢？” 我的第一步是在本地重现它。当我在本地重现该内容时，我会从开发工具、性能配置文件和 React DevTools 性能配置文件中进行记录。所以，这将是我的两个主要工具。

德鲁·麦克莱伦：您提到了 React 分析工具，这些工具告诉您什么？例如，它们是否会告诉您应用程序内哪些组件运行缓慢？

伊万·阿库洛夫：是的。我的第一步是研究 React DevTools。React DevTools 有两种类型。他们有组件树选项卡，这显然是您在应用程序上拥有的所有组件。还有一个名为“分析器”的选项卡，可让您记录应用程序渲染方式的配置文件，例如渲染次数、哪些组件在每次渲染中花费最多时间。