Skip to content

perf: improve app store page loading speed#12690

Closed
G3root wants to merge 6 commits intocalcom:mainfrom
G3root:optimize-app-store
Closed

perf: improve app store page loading speed#12690
G3root wants to merge 6 commits intocalcom:mainfrom
G3root:optimize-app-store

Conversation

@G3root
Copy link
Copy Markdown
Contributor

@G3root G3root commented Dec 6, 2023

What does this PR do?

Related to #12599

changes done

  • used Image component for loading the logos

Requirement/Documentation

  • If there is a requirement document, please, share it here.
  • If there is ab UI/UX design document, please, share it here.

Type of change

  • Chore (refactoring code, technical debt, workflow improvements)

How should this be tested?

  • Are there environment variables that should be set?
  • What are the minimal test data to have?
  • What is expected (happy path) to have (input and output)?
  • Any other important info that could help to test that PR

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

@vercel
Copy link
Copy Markdown

vercel Bot commented Dec 6, 2023

@G3root is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

@G3root G3root marked this pull request as draft December 6, 2023 08:11
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 6, 2023

Thank you for following the naming conventions! 🙏 Feel free to join our discord and post your PR link to collect XP and win prizes!

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 6, 2023

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

Ninety-eight Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load % of Budget (350 KB)
/404 92.02 KB 255.59 KB 73.03% (🟢 -0.80%)
/500 86.5 KB 250.07 KB 71.45% (🟢 -0.79%)
/[user] 94 KB 257.58 KB 73.59% (🟡 +0.24%)
/[user]/embed 94.04 KB 257.61 KB 73.60% (🟡 +0.24%)
/apps 268.23 KB 431.8 KB 123.37% (🟡 +0.22%)
/apps/[slug] 286.29 KB 449.86 KB 128.53% (🟡 +0.20%)
/apps/[slug]/[...pages] 536.28 KB 699.85 KB 199.96% (🟢 -2.17%)
/apps/[slug]/setup 82.65 KB 246.22 KB 70.35% (🟢 -0.80%)
/apps/categories 233.96 KB 397.53 KB 113.58% (🟢 -3.24%)
/apps/categories/[category] 254.59 KB 418.17 KB 119.48% (🟡 +1.31%)
/apps/installed/[category] 263.28 KB 426.85 KB 121.96% (🟢 -1.79%)
/auth/error 96.26 KB 259.83 KB 74.24% (🟢 -0.79%)
/auth/forgot-password 98.93 KB 262.5 KB 75.00% (🟢 -0.79%)
/auth/forgot-password/[id] 102.63 KB 266.21 KB 76.06% (🟢 -0.79%)
/auth/login 116.31 KB 279.88 KB 79.97% (🟢 -0.80%)
/auth/logout 83.41 KB 246.99 KB 70.57% (🟢 -0.79%)
/auth/oauth2/authorize 113.08 KB 276.65 KB 79.04% (🟢 -1.02%)
/auth/saml-idp 80.82 KB 244.4 KB 69.83% (🟢 -0.79%)
/auth/setup 146.68 KB 310.26 KB 88.64% (🟢 -1.03%)
/auth/signin 80.91 KB 244.48 KB 69.85% (🟢 -0.79%)
/auth/sso/[provider] 80.95 KB 244.52 KB 69.86% (🟢 -0.79%)
/auth/sso/direct 80.87 KB 244.45 KB 69.84% (🟢 -0.79%)
/auth/verify 100.55 KB 264.12 KB 75.46% (🟢 -0.79%)
/auth/verify-email 86.41 KB 249.98 KB 71.42% (🟢 -0.79%)
/availability 371.68 KB 535.25 KB 152.93% (🟢 -3.25%)
/availability/[schedule] 337.58 KB 501.16 KB 143.19% (🟢 -3.26%)
/availability/troubleshoot 264.91 KB 428.48 KB 122.42% (🟢 -1.64%)
/bookings/[status] 309.47 KB 473.04 KB 135.16% (🟢 -1.64%)
/enterprise 234.42 KB 397.99 KB 113.71% (🟢 -3.24%)
/event-types 535.34 KB 698.91 KB 199.69% (🟢 -1.69%)
/event-types/[type] 412.13 KB 575.7 KB 164.49% (🟢 -1.70%)
/getting-started/[[...step]] 397.48 KB 561.05 KB 160.30% (🟢 -1.03%)
/insights 460.11 KB 623.68 KB 178.19% (🟢 -3.25%)
/maintenance 81.05 KB 244.62 KB 69.89% (🟢 -0.79%)
/more 233.59 KB 397.16 KB 113.48% (🟢 -3.25%)
/org/[orgSlug] 226.82 KB 390.4 KB 111.54% (🟢 -0.40%)
/org/[orgSlug]/[user] 233.36 KB 396.93 KB 113.41% (🟢 -0.40%)
/org/[orgSlug]/[user]/embed 233.38 KB 396.96 KB 113.42% (🟢 -0.40%)
/org/[orgSlug]/embed 226.84 KB 390.41 KB 111.55% (🟢 -0.40%)
/org/[orgSlug]/team/[slug] 226.83 KB 390.4 KB 111.54% (🟢 -0.40%)
/payment/[uid] 116.65 KB 280.22 KB 80.06% (🟡 +0.15%)
/settings/admin 240.24 KB 403.81 KB 115.38% (🟢 -3.25%)
/settings/admin/apps 253.43 KB 417 KB 119.14% (🟢 -3.25%)
/settings/admin/apps/[category] 253.42 KB 416.99 KB 119.14% (🟢 -3.26%)
/settings/admin/flags 243.99 KB 407.57 KB 116.45% (🟢 -3.25%)
/settings/admin/impersonation 240.51 KB 404.08 KB 115.45% (🟢 -3.24%)
/settings/admin/oAuth 252.25 KB 415.82 KB 118.81% (🟢 -3.25%)
/settings/admin/oAuth/oAuthView 91.78 KB 255.35 KB 72.96% (🟡 +0.19%)
/settings/admin/organizations 241.54 KB 405.11 KB 115.75% (🟢 -3.25%)
/settings/admin/users 242.46 KB 406.03 KB 116.01% (🟢 -3.24%)
/settings/admin/users/[id]/edit 342.32 KB 505.89 KB 144.54% (🟢 -3.25%)
/settings/admin/users/add 342.06 KB 505.63 KB 144.47% (🟢 -3.26%)
/settings/billing 240.45 KB 404.02 KB 115.44% (🟢 -3.25%)
/settings/developer/api-keys 244.86 KB 408.43 KB 116.69% (🟢 -3.24%)
/settings/developer/webhooks 244.78 KB 408.35 KB 116.67% (🟢 -3.24%)
/settings/developer/webhooks/[id] 246.16 KB 409.73 KB 117.07% (🟢 -3.25%)
/settings/developer/webhooks/new 246.22 KB 409.79 KB 117.08% (🟢 -3.24%)
/settings/my-account/appearance 263.84 KB 427.41 KB 122.12% (🟢 -3.26%)
/settings/my-account/calendars 252.07 KB 415.64 KB 118.75% (🟢 -3.24%)
/settings/my-account/conferencing 258 KB 421.57 KB 120.45% (🟢 -1.64%)
/settings/my-account/general 328.65 KB 492.22 KB 140.63% (🟢 -3.24%)
/settings/my-account/profile 377.61 KB 541.18 KB 154.62% (🟢 -3.24%)
/settings/organizations/[id]/about 148.86 KB 312.43 KB 89.27% (🟢 -0.79%)
/settings/organizations/[id]/add-teams 148.9 KB 312.47 KB 89.28% (🟢 -0.79%)
/settings/organizations/[id]/onboard-admins 148.92 KB 312.49 KB 89.28% (🟢 -0.79%)
/settings/organizations/[id]/set-password 148.86 KB 312.43 KB 89.27% (🟢 -0.79%)
/settings/organizations/appearance 252.85 KB 416.42 KB 118.98% (🟢 -3.25%)
/settings/organizations/billing 240.49 KB 404.06 KB 115.45% (🟢 -3.25%)
/settings/organizations/general 321.15 KB 484.73 KB 138.49% (🟢 -3.24%)
/settings/organizations/members 369.21 KB 532.78 KB 152.22% (🟢 -3.24%)
/settings/organizations/new 148.87 KB 312.45 KB 89.27% (🟢 -0.79%)
/settings/organizations/profile 374.68 KB 538.26 KB 153.79% (🟢 -3.25%)
/settings/organizations/teams/other 241.32 KB 404.89 KB 115.68% (🟢 -3.24%)
/settings/organizations/teams/other/[id]/appearance 252.94 KB 416.51 KB 119.00% (🟢 -3.24%)
/settings/organizations/teams/other/[id]/members 247.31 KB 410.89 KB 117.40% (🟢 -3.25%)
/settings/organizations/teams/other/[id]/profile 445.3 KB 608.87 KB 173.96% (🟢 -3.71%)
/settings/security/impersonation 245.54 KB 409.11 KB 116.89% (🟢 -3.25%)
/settings/security/password 254.31 KB 417.88 KB 119.40% (🟢 -3.26%)
/settings/security/sso 249.49 KB 413.06 KB 118.02% (🟢 -3.56%)
/settings/security/two-factor-auth 249.38 KB 412.95 KB 117.99% (🟢 -3.25%)
/settings/teams 239.99 KB 403.56 KB 115.30% (🟢 -3.24%)
/settings/teams/[id]/appearance 252.93 KB 416.5 KB 119.00% (🟢 -3.24%)
/settings/teams/[id]/billing 240.49 KB 404.06 KB 115.45% (🟢 -3.25%)
/settings/teams/[id]/members 366.23 KB 529.8 KB 151.37% (🟢 -3.25%)
/settings/teams/[id]/onboard-members 152.8 KB 316.37 KB 90.39% (🟢 -0.78%)
/settings/teams/[id]/profile 446.12 KB 609.69 KB 174.20% (🟢 -3.71%)
/settings/teams/[id]/sso 250 KB 413.58 KB 118.16% (🟢 -3.55%)
/settings/teams/new 178.83 KB 342.4 KB 97.83% (🟢 -0.81%)
/signup 142.49 KB 306.06 KB 87.45% (🟢 -0.81%)
/team/[slug] 226.78 KB 390.36 KB 111.53% (🟢 -0.40%)
/team/[slug]/embed 226.83 KB 390.4 KB 111.54% (🟢 -0.40%)
/teams 233.87 KB 397.44 KB 113.55% (🟢 -3.24%)
/video/[uid] 241.78 KB 405.35 KB 115.81% (🟢 -1.16%)
/video/meeting-ended/[uid] 90.39 KB 253.96 KB 72.56% (🟢 -0.79%)
/video/meeting-not-started/[uid] 90.03 KB 253.61 KB 72.46% (🟢 -0.79%)
/video/no-meeting-found 82.2 KB 245.77 KB 70.22% (🟢 -0.79%)
/workflows 271.98 KB 435.56 KB 124.44% (🟢 -3.25%)
/workflows/[workflow] 385.37 KB 548.94 KB 156.84% (🟢 -3.25%)
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

The "Budget %" column shows what percentage of your performance budget the First Load total takes up. For example, if your budget was 100kb, and a given page's first load size was 10kb, it would be 10% of your budget. You can also see how much this has increased or decreased compared to the base branch of your PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this. If you see "+/- <0.01%" it means that there was a change in bundle size, but it is a trivial enough amount that it can be ignored.

@github-actions
Copy link
Copy Markdown
Contributor

This PR is being marked as stale due to inactivity.

@github-actions github-actions Bot added the Stale label Dec 21, 2023
@github-actions
Copy link
Copy Markdown
Contributor

This PR is being closed due to inactivity. Please reopen if work is intended to be continued.

@github-actions github-actions Bot closed this Dec 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant