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

feat(perf test): adding caching optimization #342

Merged
merged 1 commit into from
Apr 7, 2022
Merged

Conversation

ShaMan123
Copy link
Contributor

@ShaMan123 ShaMan123 commented Apr 7, 2022

Test is by checking the new Optimize caching checkbox at raphael-vs-fabric-simple

@ShaMan123 ShaMan123 merged commit bdf4526 into gh-pages Apr 7, 2022
@ShaMan123 ShaMan123 deleted the perf-tests branch April 7, 2022 10:59
@ShaMan123
Copy link
Contributor Author

ShaMan123 commented Apr 7, 2022

WITH CACHING OPTIMIZATION

image

WITHOUT CACHING OPTIMIZATION
image

And while dragging it's much more significant

@ShaMan123
Copy link
Contributor Author

ShaMan123 commented Apr 8, 2022

I have no idea how this works, it shouldn't. It seems that the caching optimization makes it possible to render 5000 circles in a frame without experiencing too much perf degradation.
I have wrapped all circles in group.

vs.Raphael.Simple.Shape._.Fabric.js.Benchmarks.-.Google.Chrome.2022-04-08.09-52-33.mp4

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.

1 participant