nuxt / nuxt/icon

Any way to speed up loading time of an icon?

Open
#381 2 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.2k
Forks
96
Avg merge
8h 12m
Merged PRs (30d)
2

Description

When I open a e.g. a modal where one of these icons is displayed, often the modal opens and the icon is not ready. It loads and pops up after 1-2 seconds which can irritate overall look of the webpage.

Any ideas how to speed up the loading time or how to initiate a pre-render of the icon?

(Mark: I code the website as a pwa, so I want to let the page feel like a native app as best as possible.)

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

The issue does not identify a source file, entry point, or test for icon loading. Start by reproducing the delayed icon appearance in a modal and trace the component's loading path; done would mean the icon is ready when the modal opens without regressing supported icon behavior.

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
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.