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
0:00
/ #1: Introduction to Web Performance
All Course Lessons (25)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
MASTERING NUXT Learn Nuxt.js by Building a Real World App
Sources: masteringnuxt.com
Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
10 hours 36 minutes 24 seconds
The Complete Guide to Django REST Framework and Vue JS
Sources: udemy
Hi! Welcome to The Complete Guide to Django REST Framework and Vue JS course! In this course you will learn how to create professional REST APIs with Python and Django REST Fram...
13 hours 40 minutes 40 seconds
100 Days Of Code: The Complete Web Development Bootcamp 2024
Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Sources: udemy
No matter at which Metric you look at (Google Trends, Github Stars, Tweets ...) VueJS is the Shooting Star in the World of JavaScript Frameworks - it simply is
19 hours 57 minutes 29 seconds