Показатель LCP request discovery

Лечится достаточно просто. Изображения на первом экране не должны загружаться ленивым способом, должны располагаться в исходном коде и должны содержать аттрибут fetchpriority="high", чтобы браузер загружал эти изображения в первую очередь.

В коде это можно сделать примерно так:

<img
	<?=($cnt < 2) ? 'fetchpriority="high"' : 'loading="lazy"'; ?>
	src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
	alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
	width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>"
	height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>"
>

Первым двум выставляем приоритет загрузки, остальные пусть загружаются ленивым способом.

Есть нюанс, фоновые изображения из css (background-image) нужно переделать на тег <img>

Есть вопрос или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.