Добрый день! Делаю каталог видео-страниц: список карточек сериалов, постеры тянутся с CDN, используем loading="lazy" + IntersectionObserver.
Заметил, что LCP скачет, когда добавляю preconnect к CDN и priority для главного постера.
Есть минимальная страница, где поведение воспроизводится:
https://indiserial.net/
(карточки на главной).
Вопросы:
Правильно ли поднимать LCP-кандидата через fetchpriority="high" на первом видимом постере?
Не конфликтует ли это с ленивой загрузкой ниже складки?
Стоит ли добавлять rel="preload" для шрифтов или достаточно preconnect?
Ниже черновой код теста (усечённый):
<link rel="preconnect" href="https://cdn.example.com">
<img src="/poster.jpg" fetchpriority="high" decoding="async">
Буду благодарен за советы и «правильные» метрики.