我一直在努力提高我网站的 web.dev 评级，而我最后遇到的困难是 LCP。加载延迟通常非常高，我很难理解为什么。这是我最新测试的一个例子：
| 阶段 | LCP % | 定时 |
|---|---|---|
| TTFB | 12% | 650毫秒 |
| 加载延迟 | 77% | 4.260 毫秒 |
| 加载时间 | 1% | 60毫秒 |
| 渲染延迟 | 10% | 570 毫秒 |
我们所说的LCP是一个图像。这就是 img 标签的样子：<img class="img-fluid" fetchpriority="high" loading="eager" alt="Van houtwolisolatie tot schelpen: welke natuurlijke isolatiematerialen zijn er?" width="1024" height="768" src="https://livios-images.imgix.net/livios/umbracomedia/100432/renovatie%20kalkhennep2.jpg?w=640&h=480&auto=format&fit=crop&crop=faces%2Cfocalpoint&corner-radius=10&mask=corners&s=0cd046a70dfd52ab8c40029eafd14e99">
如您所见，我添加了fetchpriority="high"和loading="eager"来提高负载。
在我的 html 头部，我还添加了<link rel="preconnect" href="https://livios-images.imgix.net" crossorigin="">和<link rel="dns-prefetch" href="https://livios-images.imgix.net">来改进 DNS 加载。我什至添加了<link rel="preload" href="https://livios-images.imgix.net/livios/umbracomedia/100432/renovatie%20kalkhennep2.jpg?w=640&h=480&auto=format&fit=crop&crop=faces%2Cfocalpoint&corner-radius=10&mask=corners&s=0cd046a70dfd52ab8c40029eafd14e99" as="image">预加载图像。然而加载延迟仍然很高。我有什么遗漏的吗？