[Bug]: DOM changes will freeze page

[chasegiunta]

Reproduction

Not really a reproduction, but pointer is showing (

twind/packages/core/src/observe.ts

Line 43 in 07a363a

for (const { type, target } of records) {

) where javascript profiler (this is minified code in production, apologies) is indicating the performance issue is.

Describe the bug

It's difficult for me to accurately describe which elements, or how many, are appearing on screen, but because we have many DOM elements that are lazily loaded based on scroll usage, the mutation observer callback is firing off like crazy. I'm wondering if debouncing or throttling the function can prevent this.

Severity

blocking all usage of Twind

System Info

## Binaries:
 - Node: 14.18.2 - ~/.nvm/versions/node/v14.18.2/bin/node
 - Yarn: 3.4.1 - ~/.nvm/versions/node/v14.18.2/bin/yarn
 - npm: 6.14.15 - ~/.nvm/versions/node/v14.18.2/bin/npm
 - Watchman: 2022.11.14.00 - /opt/homebrew/bin/watchman
## Browsers:
 - Chrome: 111.0.5563.110
 - Firefox: 108.0.2
 - Safari: 16.3
## npmPackages:
 - @twind/core: ^1.1.3 => 1.1.3 
 - @twind/preset-tailwind: ^1.1.4 => 1.1.4

Additional Information

No response

[stale]

Hey folks. This issue hasn't received any traction for 90 days, so we're going to close this for housekeeping. If this is still an ongoing issue, please do consider contributing a Pull Request to resolve it. Further discussion is always welcome even with the issue closed. If anything actionable is posted in the comments, we'll consider reopening it. ⓘ