Basetis Web Performance 2026

Web Performance & Accessibility

El Protocolo que cambió el Debugging: Chrome DevTools MCP y Agentes de IA para Web Performance

Charla DevFest Barcelona 2025: El Protocolo que cambió el Debugging: Chrome DevTools MCP y Agentes de IA para Web Performance

El Protocol que va canviar el Debugging: Chrome DevTools MCP i Agents d'IA per a Web Performance

Web Performance Observability|Monitoring|Debugging Tools

Web Performance Observability, Monitoring, Debugging Tools

Instant navigation with Speculation Rules API

Discover how the Speculation Rules API can help us improve the UX of our website's navigation flows. We'll learn how the API works, and how to use it to "pre-render" pages (in Chromium browsers) to achieve instant navigation.

JavaScript Loading Priorities and Adaptive Loading | GDG Valencia 2024

First, we will talk about adaptive loading, an essential technique in today's online world. Adaptive loading allows your website to adapt to different devices and internet capabilities, ensuring that users don't have to deal with extremely long loading times or performance issues. We will discuss techniques such as image optimization, progressive loading, and methods for evaluating site loading speed on different devices. Next, we will move on to resource loading prioritization, a technique that can truly make a difference in site performance. We will explore how the browser loads resources of a website and how HTML tags can be used to specify the loading priority of each resource. We will also share practical techniques such as loading custom fonts and deferred JavaScript to implement prioritized resource loading. By the end of the talk, you will have the knowledge to apply these techniques to your own projects and take user experience and site performance to the next level. So get ready to enhance your web development skills and create even more impressive websites!

Web Performance Testing Workshop

Optimització de Performance i Temps de càrrega | SEOday Girona

Els temps de la càrrega inicial d'un lloc web són de vital importància per aconseguir un bon rati de conversió. En una època en la qual creiem que les visites tindran una bona connexió i un bon dispositiu, juntament amb els patrons de desenvolupament on es delega al client l'execució de la major part de la lògica de negoci, hem de posar especial atenció a l'optimització de la càrrega de recursos.

Instant navigation with Speculation Rules API

Discover how the Speculation Rules API can help us improve the UX of our website's navigation flows. We'll learn how the API works, and how to use it to "pre-render" pages (in Chromium browsers) to achieve instant navigation.

Web Performance Testing - DevBcn 2024

That Web Performance is an issue that impacts user experience, SEO positioning and, therefore, visits, and business metrics, is a reality. Knowing the most relevant Web Performance metrics and being able to test them in every pass we make to production will save us a lot of trouble. In this talk we will tell you how to configure and implement an automated system to test Web Performance with Lighthouse CI, and thus avoid degrading the UX of our product.

JavaScript Loading Priorities and Adaptive Loading | Codemotion 2024

First, we will talk about adaptive loading, an essential technique in today's online world. Adaptive loading allows your website to adapt to different devices and internet capabilities, ensuring that users don't have to deal with extremely long loading times or performance issues. We will discuss techniques such as image optimization, progressive loading, and methods for evaluating site loading speed on different devices. Next, we will move on to resource loading prioritization, a technique that can truly make a difference in site performance. We will explore how the browser loads resources of a website and how HTML tags can be used to specify the loading priority of each resource. We will also share practical techniques such as loading custom fonts and deferred JavaScript to implement prioritized resource loading. By the end of the talk, you will have the knowledge to apply these techniques to your own projects and take user experience and site performance to the next level. So get ready to enhance your web development skills and create even more impressive websites!

Copy of about

About Joan León

JavaScript Loading Priorities and Adaptive Loading | Commit Conf 2024

First, we will talk about adaptive loading, an essential technique in today's online world. Adaptive loading allows your website to adapt to different devices and internet capabilities, ensuring that users don't have to deal with extremely long loading times or performance issues. We will discuss techniques such as image optimization, progressive loading, and methods for evaluating site loading speed on different devices. Next, we will move on to resource loading prioritization, a technique that can truly make a difference in site performance. We will explore how the browser loads resources of a website and how HTML tags can be used to specify the loading priority of each resource. We will also share practical techniques such as loading custom fonts and deferred JavaScript to implement prioritized resource loading. By the end of the talk, you will have the knowledge to apply these techniques to your own projects and take user experience and site performance to the next level. So get ready to enhance your web development skills and create even more impressive websites!

La importancia de implementar una Product Performance Culture en tu producto

En la industria, hablamos de Web Performance para referirnos al rendimiento de una web, donde nos centramos en optimizar el código y carga de recursos, ayudándonos en las métricas Core Web Vitals definidas por Google. Conseguir un buen rendimiento en nuestro producto va más allá de optimizar los recursos y código de ejecución: - Herramientas de monitorización - Métricas y observabilidad - El rendimiento es cosa de todos los equipos: producto, desarrollo, marketing - Optimización centrada en nuestras visitas En esta charla os quiero explicar estos puntos con el objetivo de despertar vuestro interés por implementar una Product Performance Culture en vuestro producto.

Detectando problemas de Web Performance con Chrome DevTools - Workshop Fest 2023

Las Chrome DevTools son una serie de herramientas integradas en el navegador para ayudarnos en nuestro desarrollo. Hay muchas utilidades en ellas, y varias para analizar el rendimiento de nuestra web o aplicación. Google sigue mejorando y añadiendo herramientas para facilitarnos el trabajo a la hora de detectar puntos de mejora en el rendimiento. En esta charla te mostraré las diferentes herramientas que tenemos para detectar mejoras en Web Performance, y cómo usarlas para sacarles el máximo rendimiento, así como algunos snippets para ser unas/os auténticas/os magas/os detectando puntos de mejora.

Optimizing Images in Next.js with Cloudinary

We will dive into image optimization in Next.js projects through Cloudinary's powerful tool. You will discover how to improve the efficiency and performance of your website by optimizing, resizing and customizing your visual assets. Through practical examples, we will unveil the key techniques to turn image optimization into a competitive advantage, providing valuable insight on how to effectively integrate Cloudinary into your Next.js project.

Detectant problemes de web performance amb DevTools - DevFest 2023

Les Chrome DevTools són una sèrie d'eines integrades en el navegador per a ajudar-nos en el nostre desenvolupament. Hi ha moltes utilitats en elles, i diverses per a analitzar el rendiment de la nostra web o aplicació. Google continua millorant i afegint eines per a facilitar-nos el treball a l'hora de detectar punts de millora en el rendiment. En aquesta xerrada et mostraré les diferents eines que tenim per a detectar millores en Web Performance, i com usar-les per a treure'ls el màxim rendiment, així com alguns snippets per a ser unes/us autèntiques/us magues/us detectant punts de millora.

Web Workers

Service Workers