The Ultimate Guide to Vue Performance

2h 31m 10s
English
Paid

Course description

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

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

Watch Online The Ultimate Guide to Vue Performance

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Complete Guide to Data Fetching in Nuxt

The Complete Guide to Data Fetching in Nuxt

Sources: vueschool.io
In the world of Nuxt, there is an amazing variety of options for fetching data in an application. You can block navigation until the loading is complete, or...
1 hour 32 minutes 52 seconds
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

Sources: udemy
In this course, I'm gonna show you how to use Vue JS, Quasar Framework and Firebase to create an amazing Progressive Web App (PWA). We're gonna create a gorgeous Instagram clone...
14 hours 36 minutes 16 seconds
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

Sources: vueschool.io
Discover the latest features and improvements in Nuxt 4, the newest version of the popular framework based on Vue.js. This course covers the key...
33 minutes 19 seconds