[rmamin]

的指标非常好，但它们也可以从一点点改进中受益。就目前而言，累积布局偏移主要测量加载期间发生的布局偏移。我们知道，当用户访问页面并登陆页面时，布局随时可能发生变化，对吗？因此，我认为肯定可以做一些工作来改善我们观察这种现象的方式。

德鲁我认为布局稳定性是当您使用 电报号码数据 渐进增强时实际上更难实现的事情之一。有时，当您加载服务器渲染的页面，然后开始在客户端中增强它时，可能会存在创建这种布局转变的危险，不是吗？

杰里米：绝对地。这就是组件水合变得有点棘手的地方，因为该组件的尺寸可能会因多种原因而改变。就像客户端组件中存在的内容可能不会在服务器上呈现一样，因为在客户端上执行之前不会评估状态。这是一个极其困难的问题。我不会坐在这里假装我已经找到了解决这个问题的灵丹妙药。

德鲁：我想谈谈动态导入和代码分割，这两种技术都是针对在体验开始时预先下载和执行大量 JavaScript 问题的不同技术。提出大量小请求是否存在过度优化的风险，特别是在最简单的小型项目上，或者从一开始就预防您将遇到这些问题而实施这种做法绝对没有坏处？或者您应该等到真正看到性能问题后再考虑这些事情吗？

杰里米：所以我建议你刚才所说的尾部是一个很好的引导方式。我们不应该尝试过早地优化，除非这些优化可以非常快速和轻松地实现，但是如果在早期并没有真正存在很多性能问题的情况下花费大量精力进行优化，我认为代码分割可能是不必要发生的事情。您可能可以预先加载该功能。



杰里米但例如，我在书中谈到了这一点。如果您有一个由大段 JavaScript 驱动的高价值交互，对我来说，大段 JavaScript 可能意味着 20 KB，因为通过网络进行压缩，最终可能会变成 60 KB 的 JavaScript 块。然后，如果您可以将其放在主捆绑包或无数捆绑包中的任何一个上，您的网站可能会发布，您将有助于提高启动性能。

杰里米：但在书中，我讨论了一种关于感知何时……或至少尝试感知用户何时可能进行高价值交互的技术。所以我使用的示例是一段 JavaScript。它用于验证表单的内容，因为 HTML 表单验证很棒，但它也不可设置样式，而且非常简单。对于诸如类型等于电子邮件之类的事情没有太多的灵活性，对吗？它以某种方式评估它。然而，在客户端验证表单确实很有帮助，因为我们还可以设置它的样式。我们可以调整该验证的外观，使其更接近品牌美学或网站美学。所以在这个例子中，我所做的是，我说过，如果用户关注……甚至只是关注表单中的任何字段，那就是我们预加载那段 JavaScript 的点。
_________________
电报号码数据

[Reklama]