LCP 和页面呈现顺序
LCP and Page Rendering Order
我有一个 LCP 问题，我正在尝试弄清楚。
在我的页面模板中，有一个 div 是最后一个正文 dom 元素。它的意思是 acceptance/decline cookies 切换，所以虽然它是最后一个 dom 元素，但它通过 CSS 定位，始终位于初始页面的视口中 load/until 接受度已给。
当我在本地 运行 灯塔时，我看到它是最后一个 LCP 项目。在我们实施它的前后，我们的 LCP 分数显着下降。
在这种情况下，因为它是最后一个正文 dom 元素，这是否意味着 CSS 必须先应用于所有更高的元素，然后才能到达该元素？如果是这样，将该元素移动到第一个 body dom 元素是否有帮助？
有关优化 LCP 的一般建议，请参阅 https://web.dev/optimize-lcp。
但由于问题专门针对 cookie 同意对话框的 LCP，因此本指南可能是最好的起点：https://web.dev/cookie-notice-best-practices/。那里有很多关于如何高效地加载这些对话框的好建议 — DOM 顺序起着非常小的作用，如果有的话。
我有一个 LCP 问题，我正在尝试弄清楚。
在我的页面模板中，有一个 div 是最后一个正文 dom 元素。它的意思是 acceptance/decline cookies 切换，所以虽然它是最后一个 dom 元素，但它通过 CSS 定位，始终位于初始页面的视口中 load/until 接受度已给。
当我在本地 运行 灯塔时，我看到它是最后一个 LCP 项目。在我们实施它的前后，我们的 LCP 分数显着下降。
在这种情况下，因为它是最后一个正文 dom 元素，这是否意味着 CSS 必须先应用于所有更高的元素，然后才能到达该元素？如果是这样，将该元素移动到第一个 body dom 元素是否有帮助？
有关优化 LCP 的一般建议，请参阅 https://web.dev/optimize-lcp。
但由于问题专门针对 cookie 同意对话框的 LCP，因此本指南可能是最好的起点：https://web.dev/cookie-notice-best-practices/。那里有很多关于如何高效地加载这些对话框的好建议 — DOM 顺序起着非常小的作用，如果有的话。