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

perf: significantly reduce HTML we send to the client. Up to 4x smaller #9321

Merged
merged 7 commits into from
Nov 19, 2024

Conversation

AlessioGr
Copy link
Member

@AlessioGr AlessioGr commented Nov 19, 2024

The biggest difference comes from calling RenderServerComponent as a function, instead of rendering it by using <RenderServerComponent.

This gets rid of wasteful blocks of codes sent to the client that look like this:

CleanShot 2024-11-18 at 20 41 20@2x

HTML size comparison:

Admin test suite

View Before After
Dashboard 331 kB 83 kB
collections/custom-views-one Edit 285 kB 76.6 kB

Fields test suite

View Before After
collections/lexical Edit 189 kB 94.4 kB
collections/lexical List 152 kB 62.9 kB

Community test suite

View Before After
Dashboard 78.9 kB 43.1 kB

@AlessioGr AlessioGr changed the title perf: significantly reduce HTML we send to the client perf: significantly reduce HTML we send to the client. Up to 4x smaller Nov 19, 2024
@jacobsfletch jacobsfletch self-requested a review November 19, 2024 02:28
@AlessioGr AlessioGr enabled auto-merge (squash) November 19, 2024 04:13
@AlessioGr AlessioGr merged commit 5d2b0b3 into main Nov 19, 2024
52 checks passed
@AlessioGr AlessioGr deleted the perf/send-less-to-client branch November 19, 2024 04:30
Copy link

🚀 This is included in version v3.0.1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants