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

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (1)

Collapse
 
g33knoob profile image
G33kNoob

Good job, time to read it

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay