foundation / foundation/yeti

[Tooltip] Perfomance issues

Open
#11,062 8 comments 1 reaction 0 assignees View on GitHub
Tooltip
Dominant language
JavaScript
Stars
29.8k
Forks
5.4k
Avg merge
25m
Merged PRs (30d)
1

Description

I know this might require quite a refactor, but tooltip performance should be improved. It's particularly bad when you have several (let's say dozens) of tooltips on a page, because for every tooltip a new element is added to the DOM (and the initialisation process sometimes takes a bit).

Several popular JS tooltip plugins use a different approach in which a single element is created and the content on this element is updated when triggering the different tooltips. Couldn't a similar approach be implemented?

Contributor guide

Open the contributing guide

Research direction

Start by locating the tooltip implementation and examining how tooltip elements are created and initialized when a page contains many tooltips. Reproduce the slowdown with dozens of tooltips, then compare performance after the implementation uses a shared element and updates its content as described; done means the multi-tooltip case is measurably improved without changing tooltip behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, performance
Issue type
Refactor
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.