Next.js Discord

Discord Forum

Next/image lazy loading with Chrome.

Unanswered
Sloth bear posted this in #help-forum
Open in Discord
Sloth bearOP
Hi, I am using nextjs 14.2.24

example of my nextjs image code:

    <Image
        alt={gameInfo.name}
        unoptimized
        fill
        style={{ objectFit: 'cover' }}
        draggable={false}
        src={urlFor(thumbnailUrl.image)
            .auto('format')
            .quality(74)
            url()}
    />


My requests are 36 with 600kb transferred on FireFox for images compared to
Chrome has 68 requests with 2.9 MB transferred.

It seems like all content vertically that is out of view is getting preloaded on Chrome, compared to Firefox. Is this expected behaviour and how do I stop/improve this for Chrome?

Note this was not the case in v12 I just recently upgraded to 14.

0 Replies