From 39d64df3302b154a2569188be6d84d0d643cf3e5 Mon Sep 17 00:00:00 2001 From: Maksymilian Date: Sun, 24 Nov 2024 04:01:16 +0100 Subject: [PATCH] Add content to vue.js performance (#7777) * Update performance@f7N4pAp_jBlT8_8owAcbG.md * Update src/data/roadmaps/vue/content/performance@f7N4pAp_jBlT8_8owAcbG.md --------- Co-authored-by: Kamran Ahmed --- .../content/performance@f7N4pAp_jBlT8_8owAcbG.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/vue/content/performance@f7N4pAp_jBlT8_8owAcbG.md b/src/data/roadmaps/vue/content/performance@f7N4pAp_jBlT8_8owAcbG.md index 55cb80a3a..9d7541011 100644 --- a/src/data/roadmaps/vue/content/performance@f7N4pAp_jBlT8_8owAcbG.md +++ b/src/data/roadmaps/vue/content/performance@f7N4pAp_jBlT8_8owAcbG.md @@ -1 +1,13 @@ -# Performance \ No newline at end of file +# Vue.js Performance Optimization Overview + +Key areas to improve Vue.js performance include lazy loading components to minimize initial load times, optimizing rendering to prevent unnecessary re-renders, implementing efficient state management using modern libraries like Pinia, reducing the bundle size by code splitting and tree shaking, utilizing virtual scrolling for large lists and tables, continuously monitoring performance to detect potential bottlenecks, and minimizing dependencies to decrease overall load. + +Learn more from the following resources: + +- [@article@How to Optimize Performance in Vue.js Applications: Beginner to Advanced Guide](https://dev.to/delia_code/how-to-optimize-performance-in-vuejs-applications-beginner-to-advanced-guide-53db) +- [@article@Vue Directives Basics](https://vuejs.org/guide/best-practices/performance.html) +- [@article@Pinia Documentation](https://pinia.vuejs.org/) +- [@article@Webpack Documentation](https://webpack.js.org/) +- [@article@Vue Virtual Scroller](https://github.com/Akryum/vue-virtual-scroller) +- [@article@Vue Devtools Documentation](https://devtools.vuejs.org/) +- [@article@Vue Best Practices](https://vuejs.org/guide/best-practices/overview.html)