CF

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!

Course Overview

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.

Conclusion

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

Additional

https://github.com/vueschool/the-ultimate-guide-to-vue-performance

About the Author: Vue School

Vue School thumbnail

Vue School (vueschool.io) is a Greece-based Vue.js training platform founded by Alex Kyriakidis, an early Vue community member and one of the longest-running independent Vue educators. Vue School operates as both an on-demand course platform and a Vue / Nuxt consulting business, with course material that often emerges from real client engagements.

Course material covers the full Vue ecosystem: Vue 3 fundamentals through advanced Composition API patterns, Nuxt 3 production deployment, Pinia state management, Vue Router, the testing track with Vitest, TypeScript with Vue, real-time features with Pusher / WebSockets, and the broader full-stack Vue work. Vue School also publishes the popular Mastering Pinia course in collaboration with Pinia's author Eduardo San Martín Morote.

The CourseFlix listing under this source carries over 30 Vue School courses spanning that range. Material is paid; Vue School runs on per-course or membership pricing on the original platform. Courses are aimed at Vue developers from beginner through senior level building production Vue applications.

Watch Online 25 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 25 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction to Web Performance
All Course Lessons (25)
#Lesson TitleDurationAccess
1
Introduction to Web Performance Demo
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
Unlock unlimited learning

Get instant access to all 24 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What is The Ultimate Guide to Vue Performance about?
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…
Who teaches this course?
It is taught by Vue School. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 25 lessons with a total runtime of 2 hours 31 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/the-ultimate-guide-to-vue-performance. The page hosts every lesson with the integrated video player; no download is required.