De vuelta a pleno rendimiento: conferencia Perf.now() 2022
Zuzana Fatrdla7/11/20224 minutos lectura
En dos días, Michal y yo asistimos a un total de 14 conferencias de primer nivel en un espacio que solía ser una iglesia. Sí, han leído bien, la edición de este año de Performance.now() se celebró en un lugar llamado Zuiderkerk, una iglesia protestante del siglo XVII que ahora sirve como lugar de eventos.
Debo alabar la elección del lugar, ya que es poco convencional. Sin embargo, aquellos que conocen un poco el carácter de Ámsterdam no se sorprenden. Para la atmósfera relajada y de mente abierta de Ámsterdam, esto es bastante típico. Pasamos los descansos entre las conferencias y nuestro tiempo libre explorando la ciudad.
¿Qué nos ofreció Perf.now()?
Al concluir la conferencia, por supuesto, seleccionamos las mejores charlas de este año. Aquí está nuestra lista:
Nolan Lawson - Rendimiento de ejecución de CSS
La charla para aquellos geeks que desean exprimir al máximo el rendimiento de su frontend. A pesar de un gran spoiler al inicio, indicando que se trata de "microoptimizaciones", Nolan mostró en detalle lo complejo que es para el navegador calcular estilos y construir el layout. También compartió con nosotros la herramienta Chrome Trace Event Profiling, que ayuda a depurar, por ejemplo, la velocidad de los selectores.
Alex Rusell - La base global, 2022
Alex se enfocó en el tema eterno de los usuarios y sus condiciones sistémicas (hardware) y de red. Como recuerda acertadamente en una diapositiva, "tu iPhone no es el mundo real". Entonces, ¿con qué parámetros trabajamos y qué rendimiento podemos esperar de nuestros sitios web? A nivel mundial, un teléfono en el percentil 75 en el cuarto trimestre de 2022 es un dispositivo con un costo de alrededor de 200 USD, lo que corresponde a un Samsung Galaxy A50, por ejemplo. Por lo tanto, deberíamos seguir prefiriendo HTML y CSS sobre JS. Un máximo adecuado podría ser 150 kB de HTML/CSS y 300-300 kB de JS.
Harry Roberts - Optimización del Largest Contentful Paint
No hace falta presentar mucho a Harry (ver nuestros apuntes sobre el orden de los elementos en <head>) y su charla no decepcionó. Un aplauso por cómo construyó una presentación de 40 minutos centrada únicamente en la métrica LCP. Recomendaría esta charla a todos, porque como dice Harry, "no hay nada complicado en optimizar LCP, solo hay que saber cómo funciona". Harry, entre otras cosas, explicó cómo cambia la métrica LCP si se inserta una imagen en la página como <svg>, como background-image o de la manera clásica en <img>. La respuesta corta: La forma en que se inserta en la página tiene un impacto fundamental en la métrica LCP.
Ivan Akulov - React 18 Concurrency, Explained
Una charla más orientada a programadores sobre React 18 y su nuevo API useTransition y <Suspense>. Ivan mostró cómo se puede utilizar la llamada concurrencia en React, donde el inicio de la aplicación, la hidratación de datos o una actualización de UI intensiva no bloquea la entrada del usuario. Una herramienta ideal para combatir FID e INP.
Katie Sylor-Miller - ¿Cómo ser un detective del rendimiento?
No solo el contenido hace una gran charla, sino también la forma es importante. Desde este punto de vista, la presentación de Katie fue inolvidable. Nos guió a través de su proceso de monitoreo de rendimiento utilizando el ejemplo del detective Pikachu. Su uso de Funciones de Distribución (que parecen "histogramas invertidos") para evaluar y comparar datos medidos antes y después de los cambios en el sitio web nos parece especialmente práctico.
Para concluir, los organizadores anunciaron una gran noticia. La próxima edición de Performance.now() se llevará a cabo el 2 y 3 de noviembre de 2023, en el mismo lugar que este año. ¡Esperamos con ansias!
Todas las charlas estarán disponibles en YouTube, donde se publicarán progresivamente.
Mantén el control sobre la velocidad de tu sitio web.
Suscríbete a nuestro boletín. Cada mes seleccionamos novedades sobre la velocidad web para propietarios, marketers y desarrolladores.
Etiquetas:Web Performance