> This year I decided to share a compilation of the talks and workshops I did at conferences and meetups during 2023.

![8 talks and 4 workshops](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704050782/joanleon.dev/assets/talks/2023/Statistics.png)

## Improve Your Website's UX by Optimizing Images

[T3chFest](https://t3chfest.es/2023/programa/mejora-la-ux-de-tu-web-optimizando-las-imagenes/)
📅 February 25, 2023
📍 Madrid

This year I had the pleasure of participating by teaching a workshop at [T3chFest](https://t3chfest.es/2023/), the workshop was oriented to improving the UX of our websites by optimizing images.

- [Slides](https://slides.com/joanleon/mejora-la-ux-de-tu-web-optimizando-las-imgenes-t3chfest-2023)
- [Repository with code](https://github.com/nucliweb/image-optimization-workshop)

## Detecting Web Performance Problems with Chrome DevTools

[Conmmit Conf](https://koliseo.com/events/commit-2023/agenda/0)
📅 April 21, 2023
📍 Madrid

![Commit Conf 2023](https://res.cloudinary.com/nucliweb/image/upload/c_scale,q_auto,f_auto,w_864/v1704042261/joanleon.dev/assets/talks/2023/Commit_Conf_2023.jpg)

Once again, the [Commit Conf](https://commit-conf.com) organizers gave me the opportunity to share with the community the topics I'm passionate about, this time, analyzing DevTools to detect Web Performance problems.

- [Slides](https://slides.com/joanleon/webperf-devtools-commit-conf-2023)

## Improve Your Website's UX by Optimizing Images

[Codemotion Conference Madrid](https://codemotion.ac-page.com/ma23ce-speakers)
📅 May 10, 2023
📍 Madrid

![Codemotion Madrid](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704043134/joanleon.dev/assets/talks/2023/Codemotion-2023.jpg)

Another year where I have the luxury of sharing with the community in a cinema... yes, yes, in a cinema. It's as exciting as it is intimidating. I loved the post-talk conversations, answering questions from people who came up to ask.

- [Slides](https://slides.com/joanleon/webperf-devtools-commit-conf-2023)

## Core Web Vitals

![Core Web Vitals](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704043821/joanleon.dev/assets/talks/2023/CoreWebVitals.jpg)

[Codemotion MeetUp](https://www.meetup.com/es-ES/codemotion-espana/events/292008837/)
📅 May 24, 2023
📍 Barcelona

At the Codemotion MeetUp I was able to talk about what Core Web Vitals are, how to measure them and how to improve them.

- [Slides](https://slides.com/joanleon/core-web-vitals)

## JavaScript Loading Priorities and Adaptive Loading

[AlmeriaJS MeetUp](https://www.meetup.com/es-ES/almeriajs/events/293407833/)
📅 June 7, 2023
📍 Almería

![AlmeriaJS](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_964/v1704044726/joanleon.dev/assets/talks/2023/AlmeriaJS.jpg)

The folks at [AlmeriaJS](https://twitter.com/AlmeriaJs) invited me to give a talk on some JavaScript resource loading strategies. They had to change venues for fear of exceeding capacity, because many people signed up, and they delivered... many people, a very pleasant and warm evening.

> AlmeriaJS, I'd love to repeat the experience 😉

- [Slides](https://slides.com/joanleon/javascript-loading-priorities-and-adaptive-loading)

## Detecting Web Performance Problems with Chrome DevTools

[OpenSouthCode](https://www.opensouthcode.org/conferences/opensouthcode2023/program/proposals/571)
📅 June 9, 2023
📍 Málaga

![OpenSouthCode](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704045002/joanleon.dev/assets/talks/2023/2_82.jpg)

In Málaga I was able to share some of the processes I follow to detect Web Performance problems with DevTools.

- [Slides](https://slides.com/joanleon/webperf-devtools-open-south-code-2023)

## Web Performance Review "Live Coding"

📅 June 20, 2023
📍 Barcelona

![ISDI Coders](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704045617/joanleon.dev/assets/talks/2023/ISDI-Coders.jpg)

The folks at [ISDI Coders](https://isdicoders.com/) invited me to do a "Live Coding" of a Web Performance Review, that is, given a website they provided me, to do an analysis with the tools I usually use, with the objective that the Bootcamp students learn to detect performance problems.

## Image Optimization for the Web

[Adevinta Spain MeetUp](https://www.meetup.com/es-ES/adevinta-spain/events/293841749/)
📅 June 28, 2023
📍 Barcelona

![Image Optimization](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704046472/joanleon.dev/assets/talks/2023/Image-Optimization.jpg)

This time I was able to share some tips for optimizing images for the web, as well as look at newer image formats and how to use them.

- [Slides](https://slides.com/joanleon/optimizacion-de-imagenes-para-la-web)

## Detecting Web Performance Problems with DevTools

[GDG Girona Devfest + Festa Opensource Girona](https://gdg.community.dev/events/details/google-gdg-girona-presents-gdg-girona-devfest-festa-opensource-girona-2023/)
📅 October 21, 2023
📍 Girona

![GDG Girona Devfest](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704048046/joanleon.dev/assets/talks/2023/IMG20231021161758.jpg)
Once again talking about how to detect Web Performance problems with DevTools. This time, it was especially exciting to be able to do it in my city, Girona, and in Catalan. I also left the event with an invitation to do a workshop on the topic in 2024.

- [Slides](https://slides.com/joanleon/webperf-devtools-devfest-2023)

## Optimizing Images in Next.js with Cloudinary

[Next.js Conf: Barcelona Watch Party](https://vercel.com/try/next-js-conf-BCN-watch-party?li_fat_id=2d845200-ce36-4bbd-a82c-38574dfc63ad)
📅 October 26, 2023
📍 Barcelona

![Next.js Conf: Barcelona Watch Party](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704046472/joanleon.dev/assets/talks/2023/NextJS.jpg)
This time I talked about how to supercharge Next.js's `<Image>` component to achieve better optimization of our images according to device support. We also looked at some of Cloudinary's AI features to adapt images and thus achieve a Responsive Images loading strategy while maintaining layout.

> It was a real luxury to be part of a NextJS Conf satellite event.

- [Slides](https://slides.com/joanleon/optimizing-images-in-nextjs-with-cloudinary)

## Workshop on How to Improve Your Website's UX by Optimizing Images

[Barcelona Web Performance MeetUp](https://www.meetup.com/es-ES/barcelona-web-performance/events/296507898/)
📅 November 16, 2023
📍 Barcelona

![Image Optimization Workshop](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704046473/joanleon.dev/assets/talks/2023/WebPerf_Workshop.jpg)

A workshop with step-by-step examples of how to optimize images and thus improve the UX of our products.

- [Repository with code](https://github.com/nucliweb/image-optimization-workshop)

## Detecting Web Performance Problems with Chrome DevTools

[Codemotion Workshops Fest](https://extra.codemotion.com/workshop-fest-spa-2023-agenda/)
📅 November 23, 2023
📍 Online

![Codemotion Workshops Fest](https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_864/v1704048664/joanleon.dev/assets/talks/2023/Codemotion-Workshop-Fest.png)

As the last talk of the year, and online, I repeated the talk on detecting performance problems on our websites with DevTools.

- [Slides](https://slides.com/joanleon/webperf-devtools-workshop-fest-2023)