Improve startup time

[rugk]

The GIF does not really convey it, but it does not really start fast. 😃

Actually, it is kinda slow and you can see it first opens only a small white space and then – when the Emoji picker is inserted – it occupies all the space and FF increases the popup size… 😄

This should be faster… (no idea, how, though…)

[Prometheos2]

Possible solution?

It might be due to the toolbox charging up everything at the same time instead of doing it incrementally (i.e.: first the toolbox structure, the first rows, then by block of rows).

• This solution might however returns to the problem of the lags through scrolling (issue Performance problems on Windows when scrolling #1).

[rugk]

Hmm… but this is likely a behavior of emoji-mart or preact…

Likely hard to influence… 🤔

[rugk]

Resources are already served locally and I've already optimized emoji-mart in the best way I can think of (#8), so I really guess there is nothing I can do here anymore.

Thus I marked this as "help wanted". If anyone has any idea/can analyze what is the issue here, feel free to do so.

In my case, it still takes 1-2 seconds when the popup is opened until I see the whole emoji picker.

[Prometheos2]

I have seen that Trello uses a suspiciously similar emoji tool, it seems to start a bit faster, so it might interest you.

[rugk]

The problem is likely the startup time of React/preact that needs to init it's own system and start the things.

On a website like Trello, that then likely is already built with React, that is the thing that loads once at website startup and then stays there. The emoji picker "opens" a new website at each start, however…