perf(kanvas): lazy-load non-critical sections and reduce unused JavaS…
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
-
Performance after
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
- [x] Yes, I signed my commits.
🚀 Preview for commit 96d1cc0b57a95e6a174e4e3bdcedc8ee5d078fb8 at: https://6922e1d23100b6619275b4a6--layer5.netlify.app
@Azizah2023 Please remove all unnecessary lint changes such as extra lines and spaces, and keep only the original logic.
🚀 Preview for commit dbaf1ba3039d318793b42a0ea593e83bc1726745 at: https://6922f3322f7dd379d9da1bc4--layer5.netlify.app
🚀 Preview for commit c0877e6db87e2086c83cd1a8cc295fc994c01463 at: https://692591ed3e676a76d57e9e24--layer5.netlify.app
Checks are currently failing, possibly due to the latest Gatsby update Other than that, the changes look good to me @Azizah2023
@Azizah2023 kindly resolve the merge conflicts
@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 🙂
@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 🙂
🚀 Preview for commit a5ed3107a9c518eb4472bd26570718dafa4a115c at: https://6936a373e62416d0c58ccb6b--layer5.netlify.app
🚀 Preview for commit 0e6d3de2d5921ff2a41feba23d72a4cea7266ca3 at: https://6936a9d70775ef02ce4727d2--layer5.netlify.app
🚨 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:
🚨 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:
🚀 Preview for commit 8d2e5ee43cccd859166126a7c3d5b9b8d7a806c8 at: https://6936d8527994ab06e3a9817b--layer5.netlify.app
🚀 Preview for commit 93b6fdedda7fc08ee78bb5e19d9b234d9116a0d8 at: https://6937065250b01e7f4f98ee18--layer5.netlify.app
🚀 Preview for commit 2bc8796059ce6a3aa28364c3d1f66c22217c3102 at: https://693de47e55604aa5a7215d83--layer5.netlify.app