Vue.js App Performance Optimization: part 1 — Introduction to performance optimization and lazy loading.

Filip Rakowski

Follow

1 min read

·

Jan 29, 2019

--

14

Listen

Share

While mobile-first approach becomes a standard and uncertain network conditions are something we should always take into consideration it’s harder and harder to keep your application loading fast. In this series I’ll dig deep into Vue performance optimization techniques that we are using in Vue Storefront and that you can use in your Vue.js applications to make them loading instantly and perform smooth. My goal is to make this series a full and complete guide on Vue apps performance.

Part 1 — Introduction to performance optimization and lazy loading.

Part 2 — Lazy loading routes and vendor bundle anti-pattern.

Part 3 — Lazy loading Vuex modules

Part 4 — Delivering good waiting experience and lazy loading individual components — soon

Part 5 — Lazy loading libs and finding smaller equivalents — soon

Part 6 — Performance-friendly usage of UI libraries

Part 7 — Making use of Service Worker cache — soon

Part 8 — Prefetching

Article moved and refreshed!

Hey! This article was moved to Vue School blog here. I refreshed it with better examples and few more tricks :) Stay tuned for the next parts also on Vue School blog!