起来确实不错五月底将举

rmruhul

办一场 Smashing 研讨会。当然，现在已经是 2021 年了，一切都在网上进行。它被称为 React 性能大师班。与会者希望学到什么类型的东西？

伊万·阿库洛夫：我在本次研讨会上的目标是采用一些应用程序，一些与我在客户端应用程序中一遍又一遍地看到的相同问题的应用程序示例，并向与会者展示，引导与会者......实际上，要求与会者对他们的应用程序进行相同的优化。而且还要指导与会者并引导与会者了解我的思维方式、我的流程，我将其应用于解决每个具体问题。

伊万·阿库洛夫：我们将讨论诸如昂贵的渲染之类的问题，例如当您有一个 电报号码数据 需要一段时间才能渲染的组件时，如何识别它，如何优化它。我们将讨论像 componentDidMount 这样昂贵的效果。如果您使用玻璃组件或使用功能组件。我们将讨论网络服务器渲染。当您单击按钮并导致整个应用程序渲染并导致应用程序变慢时该怎么办。当您在其中安排一些渲染时，我们将讨论级联渲染。

伊万·阿库洛夫：我们还将讨论水合、操作、如何处理昂贵的布局和恒星计算，以及如何识别它们、如何修复它们。这就是我打算展示的问题。如果合适的话也许还有别的东西。好吧，我们还将讨论从部分水合开始的一系列解决方案，这是通过纠正钩子和更高级的第三方库来帮助优化网络服务器渲染并使组件渲染速度更快的方法进行水合。

伊万·阿库洛夫：我们将介绍有助于检测渲染的特定颜色（渲染白色）的工具。我们还将讨论虚拟化或内容可见性、CSS 属性或其他内容等解决方案。CSS包含属性，很少使用，也不是真正已知的技巧，但它有助于性能优化。

伊万·阿库洛夫：我们还将研究虚拟化和内容可见性等解决方案。内容可见性、CSS 属性和其他有助于优化布局抖动、优化昂贵的恒星计算的内容。这就是我打算谈论的内容。但主要重点是向与会者展示最常见的部门、发生的最常见问题以及识别、分析和解决这些问题的具体方法。所以，这就是我的目标。

德鲁·麦克莱伦：听起来，是的，您将为与会者提供他们识别和解决自己的性能问题所需的一切，这听起来真的很棒。所以，我今天学习了有关 React 性能的所有内容。伊万，你最近学到了什么？



伊万·阿库洛夫：我最近的一次经历是……我一直在帮助客户优化他们网站的一个大冲突点。它实际上与 React 或 React 的性能无关。这不是表演。他们根本不使用 React。但挑战在于，我们已经在他们的网站上做了几乎所有我们能做的事情，就像几乎所有......

伊万·阿库洛夫：我们几乎已经获得了所有唾手可得的成果。我们已经优化了一切有意义的事情。该页面实际上太大了，浏览器分步渲染八次。它呈现。它分步骤解析它。它解析几百行，然后渲染这几百行，然后解析接下来的几百行，然后渲染这几百行。它呈现标题字段。它呈现主要内容字段的某些部分。之后，它会渲染主要内容的另一部分。

伊万·阿库洛夫：最终的结果是，如果浏览器一次性渲染所有内容，则块渲染并推动到比我预期更高的大冲突点。我没有看到他们通常在应用程序中看到的任何典型原因会推高大冲突点。