f1e0af7631
Comparing different culling optimizations: https://github.com/tldraw/tldraw/assets/2523721/0b3b8b42-ed70-45b7-bf83-41023c36a563 I think we should go with the `display: none` + showing the skeleteon. The way it works is: - We now add a sibling to the shape wrapper div which serves as the skeleton for the culled shapes. - Only one of the two divs (shape wrapper and skeleton div) is displayed. The other one is using `display: none` to improve performance. ### Change Type <!-- ❗ Please select a 'Scope' label ❗️ --> - [ ] `sdk` — Changes the tldraw SDK - [ ] `dotcom` — Changes the tldraw.com web app - [ ] `docs` — Changes to the documentation, examples, or templates. - [ ] `vs code` — Changes to the vscode plugin - [x] `internal` — Does not affect user-facing stuff <!-- ❗ Please select a 'Type' label ❗️ --> - [ ] `bugfix` — Bug fix - [ ] `feature` — New feature - [x] `improvement` — Improving existing features - [ ] `chore` — Updating dependencies, other boring stuff - [ ] `galaxy brain` — Architectural changes - [ ] `tests` — Changes to any test code - [ ] `tools` — Changes to infrastructure, CI, internal scripts, debugging tools, etc. - [ ] `dunno` — I don't know - Improve performance of culled shapes by using `display: none`. --------- Co-authored-by: Steve Ruiz <steveruizok@gmail.com> |
||
|---|---|---|
| .. | ||
| assets | ||
| misc | ||
| records | ||
| shapes | ||
| styles | ||
| translations | ||
| createPresenceStateDerivation.ts | ||
| createTLSchema.ts | ||
| index.ts | ||
| migrations.test.ts | ||
| store-migrations.ts | ||
| TLStore.ts | ||
| util-types.ts | ||