layer5 icon indicating copy to clipboard operation
layer5 copied to clipboard

perf(kanvas): lazy-load non-critical sections and reduce unused JavaS…

Open Azizah2023 opened this issue 1 month ago • 14 comments

Description

Changes

  • Lazy-load non-critical sections on the Kanvas page using import() + useEffect.

  • Defer loading of non-critical Kanvas sections — Reviews, TeaserModal, KanvasFeatures, Catalog, KanvasBtn, and Platform — to reduce unused JavaScript and improve initial page performance.

  • Performance before Screenshot 1447-06-01 at 11 54 01 PM

  • Performance after Screenshot 1447-06-02 at 1 22 28 AM

Notes

  • This is a clean replacement for previous work on branch fix/seo-alt-links-kanvas, which became noisy after syncing with master.

This PR fixes # https://github.com/layer5io/layer5/pull/7110

Notes for Reviewers

Signed commits

  • [x] Yes, I signed my commits.

Azizah2023 avatar Nov 23 '25 10:11 Azizah2023

🚀 Preview for commit 96d1cc0b57a95e6a174e4e3bdcedc8ee5d078fb8 at: https://6922e1d23100b6619275b4a6--layer5.netlify.app

l5io avatar Nov 23 '25 10:11 l5io

@Azizah2023 Please remove all unnecessary lint changes such as extra lines and spaces, and keep only the original logic.

saurabhraghuvanshii avatar Nov 23 '25 10:11 saurabhraghuvanshii

🚀 Preview for commit dbaf1ba3039d318793b42a0ea593e83bc1726745 at: https://6922f3322f7dd379d9da1bc4--layer5.netlify.app

l5io avatar Nov 23 '25 11:11 l5io

🚀 Preview for commit c0877e6db87e2086c83cd1a8cc295fc994c01463 at: https://692591ed3e676a76d57e9e24--layer5.netlify.app

l5io avatar Nov 25 '25 11:11 l5io

Checks are currently failing, possibly due to the latest Gatsby update Other than that, the changes look good to me @Azizah2023

kishore08-07 avatar Nov 28 '25 08:11 kishore08-07

@Azizah2023 kindly resolve the merge conflicts

kishore08-07 avatar Dec 01 '25 06:12 kishore08-07

@Azizah2023 Thank you for your contribution! Let's discuss this during the website call today at 6:30 PM IST | 8 AM CT Add it as an agenda item to the meeting minutes, if you would 🙂

Fireentity avatar Dec 01 '25 11:12 Fireentity

@Azizah2023 Thank you for your contribution! Let's discuss this during the website call tomorrow at 6:30 PM IST | 8 AM CT Add it as an agenda item to the meeting minutes, if you would 🙂

Fireentity avatar Dec 07 '25 14:12 Fireentity

🚀 Preview for commit a5ed3107a9c518eb4472bd26570718dafa4a115c at: https://6936a373e62416d0c58ccb6b--layer5.netlify.app

l5io avatar Dec 08 '25 10:12 l5io

🚀 Preview for commit 0e6d3de2d5921ff2a41feba23d72a4cea7266ca3 at: https://6936a9d70775ef02ce4727d2--layer5.netlify.app

l5io avatar Dec 08 '25 10:12 l5io

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.


        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

github-actions[bot] avatar Dec 08 '25 13:12 github-actions[bot]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.


        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

github-actions[bot] avatar Dec 08 '25 13:12 github-actions[bot]

🚀 Preview for commit 8d2e5ee43cccd859166126a7c3d5b9b8d7a806c8 at: https://6936d8527994ab06e3a9817b--layer5.netlify.app

l5io avatar Dec 08 '25 13:12 l5io

🚀 Preview for commit 93b6fdedda7fc08ee78bb5e19d9b234d9116a0d8 at: https://6937065250b01e7f4f98ee18--layer5.netlify.app

l5io avatar Dec 08 '25 17:12 l5io

🚀 Preview for commit 2bc8796059ce6a3aa28364c3d1f66c22217c3102 at: https://693de47e55604aa5a7215d83--layer5.netlify.app

l5io avatar Dec 13 '25 22:12 l5io