如何排查AMP页面中LCP元素3220ms的渲染延迟问题？

检测到以下列表元素为**最大内容绘制（LCP）**元素，耗时3220ms：

<li>
        <a href="/home/articles/how_to_foo">How to foo</a>
    </li>

相关性能数据：

TTFB 600 ms
Load Delay 0 ms
Load Time 0 ms
Render Delay 2,620 ms

附带截图：

现寻求排查该LCP延迟问题的方法。

2025-04-10 更新 #

已重现LCP延迟问题，截图：

2025-04-10 更新 #

该页面为极简AMP页面，唯一与动画相关的代码如下：

<style amp-boilerplate>
        body {
            -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
            -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
            -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
            animation: -amp-start 8s steps(1,end) 0s 1 normal both
        }
       ...
    </style>
    <noscript>
        <style amp-boilerplate>
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        </style>
    </noscript>

内容的提问来源于stack exchange，提问作者Hong