Improving Page speed Performance with Vue 3

on YouTube ↗26m

" summary

Migrating a WordPress blog to Vue 3 drops requests from 38 to 14 and cuts JS/CSS drastically, moving mobile Pagespeed from 58 to 76; convert GIFs to videos (GIF 1.1MB → MP4 250KB) knocks the score to 95 and LCP from 7.5s to 2.2s; adding imgix auto=format and responsive image delivery nudges the score to 98; preload LCP image eliminates the last opportunity reports and reaches a perfect score, with each step verified by lighthouse metrics.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 0:09Improving Pagespeed Performance with Vue 3
3. 0:56Google Pagespeed Insights
4. 1:23Migrating a Website to Vue for Perf Gains
5. 2:53WP Blog Score
6. 5:45Let's Move it to Vue 3
7. 7:39Score Comparison
8. 10:04Convert GIF to MP4
9. 14:00How to Convert to Next-Gen
10. 16:23Only one item left
11. 17:14Do this in Vue 3
12. 18:51Connect with me
13. 19:26Q+A

" related talks

• 31mOptimizing for Super Sonic Speed in Vue.js & GridsomeShodipo Ayomide · Vue.js Global 2020
• 31mOptimizing for Super Sonic Speed in Vue.js & GridsomeShodipo Ayomide · Vue.js Global 2020
• 30mVueConf US 2021 | Looking through the VueFinder Henri HelveticaHenri Helvetica · Vueconf.US 2021
• 46mSpeed Matters: Client Side Performance Improvement Tips & TricksSrinivasan, Ashay · Agile India 2022
• 28mPractical PerformancePaul Irish, Sam Saccone · Polymer Summit 2016
• 32mImproving Lighthouse score for media-heavy React applicationsHarshit Budhraja · React Nexus 2025
• 25mGet Fast and Stay FastMike Rynart · WordCamp Rotterdam 2019
• 48mFast and Beautiful: Modern Image Delivery TechniquesDoug Sillars · Mobile Era 2018