Сообщение от akiraki22lvl
|
Добрый день! Делаю каталог видео-страниц: список карточек сериалов, постеры тянутся с CDN, используем loading="lazy" + IntersectionObserver.
Заметил, что LCP скачет, когда добавляю preconnect к CDN и priority для главного постера.
Есть минимальная страница, где поведение воспроизводится: https://indiserial.net/escape road
(карточки на главной).
Вопросы:
Правильно ли поднимать LCP-кандидата через fetchpriority="high" на первом видимом постере?
Не конфликтует ли это с ленивой загрузкой ниже складки?
Стоит ли добавлять rel="preload" для шрифтов или достаточно preconnect?
Ниже черновой код теста (усечённый):
<link rel="preconnect" href="https://cdn.example.com">
<img src="/poster.jpg" fetchpriority="high" decoding="async">
Буду благодарен за советы и «правильные» метрики.
|
The LCP increase after adding preconnect is normal. You reduced connection setup time, so the browser now discovers and fetches the poster earlier.
Using fetchpriority="high" on the first visible card only is the right move. Just don’t apply it to every poster, or you’ll destroy prioritization.