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 … See more

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. Sobre Joan Leon: Web Performance Artisan at PerfReviews. Google Developer Expert en Web Technologies y Cloudinary Ambassador. Show less

Todos sabemos que el navegador lee HTML, CSS y JavaScript y, por arte de magia, pinta píxeles en la pantalla. Pero, ¿qué ocurre realmente en esos milisegundos críticos? Para dominar el rendimiento web… See more

Todos sabemos que el navegador lee HTML, CSS y JavaScript y, por arte de magia, pinta píxeles en la pantalla. Pero, ¿qué ocurre realmente en esos milisegundos críticos? Para dominar el rendimiento web, no basta con medir métricas superficiales; hay que entender la ingeniería de la herramienta que usamos cada día. Es hora de levantar el capó y hacer un viaje sin filtros a las profundidades de Chromium. En esta charla puramente técnica, desgranaremos el ciclo de vida del renderizado desde el byte inicial hasta el refresco del monitor. Analizaremos cómo el Tokenizador y el Preload Scanner trabajan en paralelo para anticipar descargas, y cómo el motor construye el DOM y el CSSOM. Después, bajaremos al barro de la ejecución: entenderemos la diferencia crucial entre el Main Thread y el Compositor Thread, cómo se calcula el Layout, cómo el Painting genera los comandos de dibujo y cómo el Rasterizado final delega el trabajo pesado en la GPU mediante Layers. Una sesión imprescindible para ingenieros que quieran entender la física real del navegador y escribir código alineado con el hardware. Sobre Joan Leon: Web Performance Artisan at PerfReviews. Google Developer Expert en Web Technologies y Cloudinary Ambassador. Show less