nuxt / nuxt/image

Preloading placeholder

Open
#1,666 0 comments 6 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

Hello,

I want to reproduce gatsby-like image placeholder prefetching but I don't understand why the placeholder is being requested AFTER the page loads. Using

Current behavior: Placeholder image loads in a separate request after initial page load:

  1. Page loads (blank image)
  2. Placeholder requested and displayed
  3. Full image loads

What I expect : Placeholder loads in the same time the page loads

  1. Page loads with placeholder image
  2. Full image loads

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 from the usage described in the report and trace how placeholder loading is scheduled. Reproduce the two-step load in a Nuxt app; done means the placeholder is available at initial page load before the full image request.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.