Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: seekbar rendering #26484

Merged
merged 2 commits into from
Nov 27, 2024
Merged

fix: seekbar rendering #26484

merged 2 commits into from
Nov 27, 2024

Conversation

pauldambra
Copy link
Member

on a recording with lots of segments i realised the page was lagging
i noticed that we were rendering the seekbar loads of times more than I'd expect

2024-11-27 19 17 18

both the seekbar and its seekbar segments were being rendered almost constantly

i've memoised the segments
and reduced the precision of the number that we use to move the seekbar position indicator

and they render way less now

seekbar segments renders only while data is loading
the little dot and its trailing orange line render hundreds of times less

2024-11-27 19 49 02

@pauldambra pauldambra requested a review from a team November 27, 2024 19:56
Copy link
Contributor

github-actions bot commented Nov 27, 2024

Size Change: 0 B

Total Size: 1.16 MB

ℹ️ View Unchanged
Filename Size
frontend/dist/toolbar.js 1.16 MB

compressed-size-action

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

4 snapshot changes in total. 0 added, 4 modified, 0 deleted:

  • chromium: 0 added, 4 modified, 0 deleted (diff for shard 2)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@pauldambra pauldambra merged commit 2f03369 into master Nov 27, 2024
96 checks passed
@pauldambra pauldambra deleted the fix/seekbar-rendering branch November 27, 2024 21:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants