документации сказано (https://nextjs.org/docs/api-reference/next/image#priority):
When true, the image will be considered high priority and preload. Lazy loading is automatically disabled for images using priority.
You should use the priority property on any image detected as the Largest Contentful Paint (LCP) element.
У меня есть такая картинка. Я ей устанавливал значение "priority".
js
<Image
src={imageSrc}
alt="sample screen"
width={640}
height={514}
priority
/>
Проводил несколько раз тесты в лайтхаусе, но это значение не оказывало никакого влияния на показатели.
Может быть это потому, что показатель "Largest Contentful Paint" очень высокий?
Largest Contentful Paint: 35.9s
https://i.imgur.com/JHQvdJE.png
js
<Image
src={imageSrc}
alt="sample screen"
width={640}
height={514}
priority
/>
Проводил несколько раз тесты в лайтхаусе, но это значение не оказывало никакого влияния на показатели.
Может быть это потому, что показатель "Largest Contentful Paint" очень высокий?
Largest Contentful Paint: 35.9s
https://i.imgur.com/JHQvdJE.png
https://t.me/nextjs_ru
Обсуждают сегодня