DEV Community

Cover image for Image Optimization in Vue & Nuxt
Jakub Andrzejewski
Jakub Andrzejewski

Posted on

23 4 2 3 3

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 πŸ˜‰

Vue.js Live 2021

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.

Vue.js Live 2023

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

Top comments (1)

Collapse
 
g33knoob profile image
G33kNoob β€’

Good job, time to read it

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video