React SSR 与 innerHTML 和 LCP 的影响？
React SSR with innerHTML and LCP impact?
我正在使用 React 16 SSR 渲染页面并延迟加载 JavaScript 包以提高性能。这减少了我们最初的 JavaScript 包大小。这可以通过使用 React 的 Fallback 和 Suspense 设置 innerHTML 来实现。这会影响 LCP 时间吗？
截至 Chrome 88（参见 LCP changelog), techniques like this shouldn't impact LCP because LCP will now consider elements that were removed from the DOM (previously a removed element couldn't be the LCP candidate）。
这实际上部分是为了解决您所描述的确切用例，其中执行 SSR 的 JavaScript 框架将替换（而不是更新）DOM。
如果您确实看到使用 SSR 仍然报告 LCP post-hydration 的情况，这可能是一个错误，我建议在 crbug.com.
报告它
我正在使用 React 16 SSR 渲染页面并延迟加载 JavaScript 包以提高性能。这减少了我们最初的 JavaScript 包大小。这可以通过使用 React 的 Fallback 和 Suspense 设置 innerHTML 来实现。这会影响 LCP 时间吗？
截至 Chrome 88（参见 LCP changelog), techniques like this shouldn't impact LCP because LCP will now consider elements that were removed from the DOM (previously a removed element couldn't be the LCP candidate）。
这实际上部分是为了解决您所描述的确切用例，其中执行 SSR 的 JavaScript 框架将替换（而不是更新）DOM。
如果您确实看到使用 SSR 仍然报告 LCP post-hydration 的情况，这可能是一个错误，我建议在 crbug.com.
报告它