nuxt / nuxt/image

[Bug] Sanity image provider - images briefly stop the page rendering process

Open
#1,072 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.5k
Forks
331
Avg merge
19h 52m
Merged PRs (30d)
9

Description

Hey there!

I am using the new @nuxt/image v1 with the sanity provider.. There is an issue where the images briefly stop the page rendering process. Unfortunately there are no errors in the console and this issue persists in both development and live environments (tested on Netlify and Vercel). The current workaround involves reverting to earlier rc versions of @nuxt/image. I've taken a screen capture to showcase this issue on a website I'm actively working on:

With @nuxt/image v1 (you can see the rendering issue when I navigate to the next page):

https://github.com/nuxt/image/assets/16216160/be5a2601-9680-4d0f-8f6d-41ef533453a1

With @nuxt/image 1.0.0-rc.1 (there is no rendering issue)

https://github.com/nuxt/image/assets/16216160/69a276f7-8f13-4f5f-b4f8-5ef55a3ae950

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing navigation with @nuxt/image v1 using the Sanity provider, comparing it with @nuxt/image 1.0.0-rc.1 and the provided screen recordings. Check the rendering behavior in development and deployed environments; done means page navigation no longer pauses image or page rendering.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.