The Ultimate Guide to Vue Performance

2h 31m 10s
English
Paid
In today's world, the performance of web applications is of utmost importance. In this course, you will learn how to keep your Vue applications running at optimum speed by using proven solutions to enhance performance: virtual lists, the v-memo directive, the shallowRef function, and much more!
Read more about the course

Master the art of creating high-performance applications on Vue.js with our comprehensive optimization course. You will learn production-ready techniques that will help make your web applications lightning-fast and appealing to users.

Who this course is for:

  • Vue.js developers looking to deepen their knowledge in performance optimization;
  • Frontend engineers working on large Vue projects;
  • Technical leaders and architects making key decisions to improve performance;
  • Developers transitioning from other frameworks to Vue.js.

Participant requirements:

  • Basic knowledge of Vue.js fundamentals;
  • Initial skills in modern JavaScript;
  • Understanding of key web development concepts.

Why take this course:

  • You will learn to significantly speed up the loading and operation of your Vue applications;
  • Master advanced optimization methods used by industry experts;
  • Gain skills in debugging and resolving performance bottlenecks;
  • Learn to make informed architectural decisions affecting application speed;
  • Be able to create an exceptional user experience through performance optimization.

Join the course and make your Vue applications truly fast and efficient!

Watch Online The Ultimate Guide to Vue Performance

Join premium to watch
Go to premium
# Title Duration
1 Introduction to Web Performance 04:30
2 Tree Shaking for Performant Vue Apps 08:29
3 How Code Splitting Makes Vue Apps Faster 08:06
4 How to Prefetch Lazily Loaded Vue Components 10:28
5 How the Right Architecture For Your Use Case Impacts Performance 09:47
6 Lazy Hydration of Vue Components 04:23
7 Vue Vapor Mode 04:04
8 How to Display Long Lists That Don’t Crash Your Pages with List Virtualization 06:39
9 How is Reactivity Depth Related to Performance 08:41
10 Avoid Memory Leaks that Slow Apps to a Crawl 04:54
11 Avoiding Unnecessary Component Abstractions 03:11
12 Proper Image Handling for Fast Vue Sites 11:20
13 Designing Components with Stable Props and Kill Unnecessary Re-renders 04:54
14 Using v-once for Static Content and Faster Apps 01:13
15 How v-memo Works and When to Use It 02:26
16 Computed Props- The Wrong Way and the Right Way 04:03
17 Basic Tips for Performant Data Fetching 05:49
18 How to Fetch Data in Parallel in Vue 04:30
19 How to Cache Data on the Client Side 15:17
20 How to Prefetch Data in a Vue App 05:32
21 Debouncing and Throttling Techniques for Vue.js 07:11
22 Vite Bundle Analyzer 05:06
23 How to Use Page Speed Insights to Measure Vue App Performance 06:11
24 Measuring Performance with the Vue Devtools 03:38
25 Course Conclusion 00:48

Similar courses to The Ultimate Guide to Vue Performance

Real-time chat with Node.js, Socket.io and Vue.js

Real-time chat with Node.js, Socket.io and Vue.jsCodecourse

Category: Node.js, Vue, Socket.IO
Duration 26 minutes 39 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)udemy

Category: Vue
Duration 19 hours 57 minutes 29 seconds
Vue.js + Laravel: CRUD with SPA

Vue.js + Laravel: CRUD with SPAlaraveldaily.com

Category: Vue, Laravel
Duration 1 hour 50 minutes 29 seconds
Build an Image Filters App with Vue, TypeScript and WebAssembly

Build an Image Filters App with Vue, TypeScript and WebAssemblyzerotomastery.io

Category: TypeScript, Vue, WebAssembly
Duration 1 hour 44 minutes 19 seconds