Image Optimization in Vue & Nuxt

This year, I had a great pleasure to talk once again at one of the best Vue.js conferences in the world -> Vue.js Live 🚀

I remember the first time I had given a talk there, it was right after Covid pandemic so getting to London wasn't that easy. But eventually I made it and there, it was actually my first big conference. I was really stressed and haven't really thought about my presentation topic but it was quite close to my heart so I think that I managed to present it in a pleasant way 😉

The topic of my presentation was Fullstack Open Source E-commerce with Vue Storefront & Vendure. The idea was to show how easy users can build e-commerce websites by using these two tools (literally in minutes). The overall feedback was preety good but I learned from the organizers that for the next presentation, I could focus more on the general web development practices pattern rather than product specific talks.

So this time, I decided to give a talk about something that is really close to my heart -> Image Optimization as a quick win for improving performance.

You can check the recording of my talk with the link below:

https://portal.gitnation.org/contents/image-optimization-quick-win-for-improving-performance-in-vue-and-nuxt-apps

In this talk, I presented various topics related to images likes:

1. Formats
2. Sizes
3. Lazy loading
4. Image Optimization Services like IPX
5. Digital Asset Management Cloudinary
6. Other Techniques and patterns
7. Memes 😄
8. And few more!

If you are interested in learning more about the topic of improving performance in web applications, I have created two series here:

1. Web Performance -> https://dev.to/jacobandrewsky/series/22630
2. Nuxt Performance -> https://dev.to/jacobandrewsky/series/20978