tnfe.github.io - Page presents performance issues

[mlesin]

URL: https://tnfe.github.io/vue3-infinite-list/#/demo1

Browser / Version: Firefox 107.0 Operating System: Ubuntu Tested Another Browser: Yes Chrome

Problem type: Something else Description: Slow cleanup of JS objects after scrolling to the end Steps to Reproduce: That's an example of "infinite" scrolling list component which reuses DOM elements to avoid performance problems. If you scroll displayed list to the bottom (you may use scroll bar to do that very quickly) and then try to change section by clicking any of links on the left, you'll see significant pause (and CPU usage by FF) before it happens. That pause will not happen if you are not scrolling too much first. I found that problem on both FF on Linux and OSX, tried in Private mode with all extensions disabled, behavior is the same. It doesn't happen in Google Chrome or Safari.

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue using other devices as well. The page presents performance issues following the steps to reproduce:

Tested with:

Browser / Version: Firefox Release 106.0.5 (64-bit)/ Firefox Nightly 108.0a1 (2022-11-08) (64-bit) /Firefox Beta 107.0b9 (64-bit)/ Chrome Version Version 107.0.5304.107 (Official Build) (64-bit) Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome.
4. Performance profile: https://share.firefox.dev/3NP8LKI

Moving this to NeedsDiagnosis for further investigations.

[qa_45/2022]