Por qué tu trabajo de rendimiento no es visible

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Rate this content

Entre los core-web vitals y las herramientas de perfilado siempre hay un gran obstáculo, la aprobación de la empresa. Hay muchas formas en las que tu trabajo de rendimiento puede no ser visto o priorizado. Así que hablemos de ellas.

This talk has been presented at JSNation 2024, check out the latest edition of this JavaScript Conference.

FAQ

La charla se centra en por qué el trabajo de performance a menudo no se ve y cómo se puede mejorar la visibilidad y priorización de este trabajo dentro de las listas de tareas pendientes en el desarrollo de productos.

Vinicius es un profesional que trabaja para Volvo Cars y vive en Suecia, originalmente de Brasil.

Se mencionan las herramientas de laboratorio, como Lighthouse, y las herramientas de monitoreo de usuarios reales, ambas importantes para evaluar el performance de las aplicaciones desde diferentes perspectivas.

Priorizar el trabajo de performance implica demostrar su valor y cómo este trabajo beneficia tanto a los ingenieros como a los usuarios, además de gestionar adecuadamente el tiempo y los recursos frente a otras tareas pendientes.

Se sugiere establecer un proceso de gobernanza claro, justificar los costos adicionales, manejar adecuadamente el flujo de trabajo y la fricción, y obtener mejoras medibles a través de datos bien enmarcados y análisis meticuloso.

Los datos de performance deben ser recopilados, analizados y presentados de manera que demuestren cómo las mejoras en el performance pueden influir positivamente en las métricas clave del producto y la experiencia del usuario.

La segmentación de datos es crucial para entender cómo diferentes aspectos del performance afectan a diversos segmentos de usuarios y cómo dirigir esfuerzos de optimización para impactar positivamente en los mercados clave.

Obtener apoyo ejecutivo requiere demostrar cómo las mejoras de performance pueden traducirse en beneficios tangibles para el negocio, como mejores tasas de conversión, y presentar datos y métricas claras que respalden estas mejoras.

Vinicius Dallacqua
Vinicius Dallacqua
25 min
13 Jun, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Esta charla analiza la importancia del trabajo de rendimiento y cómo impulsar la gobernanza del rendimiento. Se enfatiza la necesidad de enmarcar los datos, establecer presupuestos significativos y comprender las perspectivas tanto de ingeniería como de producto. La charla también destaca la importancia de entregar valor, establecer una sólida gobernanza del rendimiento y obtener la aprobación de la dirección. Además, se enfatiza la importancia de medir el rendimiento, optimizar a través de datos y recopilar datos de rendimiento utilizando herramientas como Speedcurve y Bugbear Sentry. El orador también menciona su programa de capacitación y expresa gratitud hacia el público.

1. Performance Work and Governance

Short description:

Mi charla trata sobre por qué el trabajo de rendimiento no se ve. Hablaremos sobre gobernanza y cómo impulsar la gobernanza del rendimiento. Nos importa el rendimiento porque las aplicaciones pueden usarse en condiciones impredecibles. Las herramientas de laboratorio y el monitoreo de usuarios reales proporcionan datos importantes. Priorizar el trabajo de rendimiento es un desafío cuando se trata de listas de tareas pendientes y limitaciones de tiempo. Demostrar valor y establecer un proceso de gobernanza requieren datos.

Mi charla trata sobre por qué el trabajo de performance no se ve, así que esto es un poco de establecer expectativas. No será una charla técnica muy profunda, así que hablaremos sobre gobernanza, y hablaremos sobre cómo impulsar la gobernanza del performance.

Me llamo Vinicius, y sí, soy originalmente de Brasil y aún vivo en Suecia. Trabajo para Volvo Cars. Una cosa que tenemos en esta sala ahora, y me gustaría pensar que a todos nos importa el performance. Así que, con suerte, a todos nos importa el performance. Esto es algo que es muy, muy fácil de entender por qué nosotros, como ingenieros, nos preocupamos por el performance. Nuestras aplicaciones pueden usarse en muchos conjuntos de condiciones diferentes que no son muy predecibles, y el performance como tema tampoco es muy predecible. Nuestros usuarios pueden poner nuestra aplicación en condiciones que son muy difíciles para que nuestras aplicaciones funcionen.

En cuanto al performance que estamos tratando de medir, espero que todos conozcamos las herramientas de laboratorio, y si conocemos las herramientas de laboratorio, es muy probable que conozcamos Lighthouse. Cuando se trata de herramientas y monitoreo y métricas, tenemos el laboratorio, y también tenemos las herramientas de monitoreo de usuarios reales. Por lo tanto, es importante tener las dos facetas del ecosistema de herramientas, para que tenga sus datos de laboratorio y tenga esas primeras regresiones que se detectan, y tenga sus métricas de usuarios reales donde tendrá una representación real de cómo se ejecuta su aplicación en el mundo real.

Pero no sé cuántos de ustedes trabajan en equipos de producto, y todos conocemos la lista de tareas pendientes. La lista de tareas pendientes es esa entidad, esa presencia que siempre está acechando nuestro progreso, y en su mayoría es donde todas las buenas intenciones van a morir. La pregunta para la mayoría de nosotros que estamos tratando de poner algo de trabajo de performance ahí afuera en el mundo es ¿cómo haces que tu trabajo se priorice fuera de la lista de tareas pendientes? Si eres como yo, te has sorprendido, esto es, por cierto, una de nuestras oficinas en Suecia, pero todas son mías, y esto está dentro del salón principal de nuestra bonita oficina de Gotemburgo en Suecia. Si eres como yo, te has sorprendido, al igual que Jake, sentado y preguntándote cómo puedes asegurarte de sacar ese buen trabajo ahí afuera. ¿Cómo haces que el trabajo de performance mejore tus métricas y gritarle al mundo que mejoraste el performance del usuario? Al igual que todos los demás, también se convierte en un producto. La mayoría de las veces, las cosas a tu alrededor están en llamas. Y te preguntas cómo lograr hacer este trabajo. ¿Entonces, cómo lo hacemos? ¿Cómo haces que nuestra lista de tareas pendientes esté en llamas? Como un pequeño complemento, intenté sacar esta escena de nuestros modelos favoritos para generar una imagen, y esto es lo que se me ocurrió. Así que es bastante fiel a la vida, si me preguntas. Incluso los ojos de pez y cosas así. Pero, ya sabes, como equipo de producto, siempre estamos ocupados lanzando características. Al menos esa es la mentira que nos decimos, ¿verdad? Pero siempre nos vemos obligados a pensar en qué es lo siguiente que podemos lanzar y qué tan rápido podemos hacerlo. Si trabajas para una empresa abierta, tienes a tus interesados por encima de ti, o estás tratando de abrir tu empresa, y tienes a tus interesados por encima de ti. Siempre hay este tipo de restricción de tiempo al tratar de enfocarse en lanzar características. Y siempre estás luchando contra el reloj, por lo que es muy difícil priorizar el trabajo de performance porque siempre estás persiguiendo la siguiente cosa que debes lanzar. Entonces, la verdadera pregunta al tratar de impulsar el performance es ¿cómo demuestras valor? Entonces, demostrar valor en este tipo de entorno es cómo logras demostrar que los otros costos de trabajar en performance realmente beneficiarán tanto a tus ingenieros como a tus usuarios, ¿verdad? ¿Y cómo configuras este proceso de gobernanza? ¿Cómo justificas los costos adicionales? ¿Cómo manejas el flujo versus la fricción, tanto para tus ingenieros como para sacar el trabajo a tiempo? ¿Cómo obtienes mejores resultados del trabajo que estás realizando? Porque si estás trabajando en performance, algo que no está estrictamente relacionado con las características, ¿cómo puedes asegurarte de que lo que envíes se convierta en una mejor versión de tu producto? No solo desde la perspectiva de ingeniería. Y la respuesta siempre es data. Y aunque no este tipo, la respuesta siempre es data. Entonces, los datos de los que estamos tratando de hablar, nuevamente, volviendo al laboratorio y a los datos de ejecución.

2. Framing Data and Performance Monitoring

Short description:

Es necesario enmarcar tus datos, establecer presupuestos significativos y metas realistas para las herramientas de laboratorio. Comprende tanto la perspectiva de ingeniería como la del producto para entregar un producto impactante. Agrupa las métricas de rendimiento y las métricas del producto para obtener mejores conocimientos. Obtener mejores atribuciones es crucial para un buen monitoreo del rendimiento.

Entonces, estás tratando de obtener perspectiva de tus herramientas automatizadas, tu CICD, pero también de tus usuarios. Pero cuando se trata de un entorno de producto, lo más importante es cómo enmarcas esos datos. ¿Cómo te aseguras de que... Porque todos podemos configurar alguna instrumentación alrededor de nuestro producto y recopilar muchos datos y ponerlos en un panel de control, pero ¿cómo te aseguras de que ese panel de control sea valioso, verdad? ¿Se utiliza? ¿Y cómo puedes aprovechar al máximo los datos que utilizas?

Entonces, hagamos un pequeño viaje rápido al laboratorio de herramientas. Echemos un vistazo a Lighthouse. Y dentro de tus herramientas de laboratorio, debes asegurarte de configurar tus datos en términos de buenas barreras de protección. ¿Cómo te aseguras de que tus datos tengan buenas barreras de protección? Para las herramientas de laboratorio, debes asegurarte de tener presupuestos significativos y metas realistas, y también metas alcanzables. Así que tus metas alcanzables son... Así que te aseguras de enviar mejoras progresivas. Así que tienes iteraciones rápidas de tu producto. Y a partir de esas iteraciones más rápidas, enviarás valor más rápido. Por lo tanto, enmarcar tus datos en un buen conjunto de restricciones, en presupuestos realistas que puedas alcanzar. Una vez que hayas configurado tus herramientas de laboratorio, una vez que hayas terminado esa parte, entonces llega el momento de mirar tus datos de usuarios reales.

Pero para los usuarios reales, debes asegurarte de comprender no solo desde la perspectiva de ingeniería, sino también desde la perspectiva del producto. Porque tu aplicación utiliza diferentes configuraciones de diferentes formas, y debes comprender que estás tratando de resolver cosas desde dos perspectivas. Tienes tu equipo de ingeniería y tu equipo de producto. Y puedes adivinar cuál es cuál por su foto, por cierto. Pero debes asegurarte de representar ambos lados de la historia. La ingeniería y tu producto. Con el fin de entregar la versión más impactante de tu producto. Entonces, ¿cómo obtienes más de tus datos redondos? Para darle forma a tus datos redondos, debes asegurarte de agrupar tus métricas de rendimiento y tus métricas del producto juntas. Porque si solo miras desde una perspectiva, dejarás de lado la otra. Y todos somos ingenieros y siempre nos importa la parte de ingeniería de las métricas. Pero debemos asegurarnos de que lo que intentamos enviar esté moviendo la aguja también en el lado del producto. Porque si estás tratando de obtener la aprobación para trabajar en el rendimiento, debes asegurarte de que ese sea el objetivo, el objetivo que estás tratando de lograr. Y obtener mejores atribuciones es una de las mejores cosas que puedes hacer si estás tratando de establecer un buen monitoreo del rendimiento. Así que tener las métricas por sí solas es solo una parte de la historia. Debes comprender a partir de esas métricas, de ese monitoreo, qué tipo de problemas están surgiendo. Porque si solo tienes números para las métricas y no tienes buenas atribuciones, ni siquiera sabes por dónde empezar. Solo tienes números.

3. Delivering Value and Establishing Governance

Short description:

Para mejorar el rendimiento, enfócate en entregar valor para los mercados clave y los percentiles. Evita los puntos ciegos capturando todos los percentiles y comprendiendo las diferentes segmentaciones. Se recomienda encarecidamente la charla de Tim Varicky sobre segmentación de percentiles. Para establecer una sólida gobernanza del rendimiento, evalúa qué métricas representan tu producto y construye KPIs y SLOs sólidos.

Entonces, también configurar tus datos de una buena manera para que puedas lograr ese entregable. Entonces, ¿cómo enmarcas tus datos desde la perspectiva de tus usuarios? Pero lo más importante, ¿cómo cortas y agrupas tus datos de ejecución? Cortar y agrupar tus datos de ejecución desde una perspectiva de producto significa que tienes tus métricas observadas desde la perspectiva del producto. Obtendrás una segmentación basada en el mercado clave y la base de usuarios de tu producto, y te enfocarás en entregar valor para esos mercados clave y percentiles. Y tendrás un mayor impacto y te asegurarás de mejorar tu perspectiva, ¿verdad? Mejorar la experiencia de tus usuarios a partir de eso.

Mejorar el rendimiento para todos tus usuarios es un objetivo general muy bueno, pero no siempre una prioridad posible desde la perspectiva de un producto. Porque eso es un alcance muy, muy grande. Y trabajar en un alcance más grande es mucho más difícil para enviar mejoras valiosas. Porque normalmente los umbrales son demasiado altos. Y a veces, cuando comienzas a establecer una gobernanza de rendimiento, tienes un largo camino por recorrer hasta llegar a la parte verde de las métricas. Así que debes asegurarte de iterar rápidamente y enviar mejoras lo antes posible. Cuando se trata de datos, también debes asegurarte de evitar los puntos ciegos. Y evitar puntos ciegos en tus métricas significa que no estás segmentando tus datos en una sola dimensión. No solo estás observando tus datos desde la perspectiva del P75, porque eso puede llevarte a pasar por alto cualquier tipo de mejoras y regresiones que ocurran antes de eso. Porque cuando una regresión afecta al percentil P75, eso es prácticamente un incidente, ¿verdad? La mayoría de tus usuarios se ven afectados. Así que quieres asegurarte de capturar todos tus percentiles tanto para las regresiones como para las mejoras, y comprender cómo ocurren las diferentes segmentaciones. Porque todas las mejoras deben ser celebradas y las regresiones deben visualizarse en todo el espectro. Y la razón por la que haces eso es porque cuanto mayor sea tu contexto, más difícil será construir cualquier tipo de correlaciones y, por lo tanto, será muy difícil hacer atribuciones para mejoras o regresiones. Hay una muy buena charla de Tim Varicky de Performance Now del año pasado. Así que si estás interesado en este tipo de segmentación de percentiles, esta charla es realmente muy buena. Definitivamente la recomiendo.

Entonces, ahora mismo, ya comenzaste a pensar en percentiles y segmentación de datos, y estás tratando de asegurarte de que realmente estás limitando esa lista de tareas pendientes. Tienes una buena fortaleza para mantenerla. Estás fortaleciendo la gobernanza del rendimiento de tu código. Entonces, ¿cómo puedes asegurarte de que tu gobernanza del rendimiento sea sólida a lo largo del tiempo? Necesitas comprender y evaluar qué métricas representan mejor tu producto. Porque cuando se trata de web vitals, tienes un conjunto diferente de métricas, y eso es genial. Porque están muy bien estandarizadas y muy bien documentadas, pero no todas las páginas tienen la misma importancia y no todas las características tienen el mismo uso. Los productos no son unidimensionales. Así que debes comprender qué parte de ese subconjunto representa mejor tu proyecto y puedes construir KPIs en torno a eso y realmente proteger tus métricas y la perspectiva de tu producto en general. Construir KPIs y SLOs realmente sólidos significa que comprendes qué métricas representarán mejor tu producto y cómo rastrearlas a lo largo del tiempo. Y establecer tus propias métricas de rendimiento también es una muy buena idea si quieres establecer una gobernanza.

4. Understanding and Establishing Governance

Short description:

Comprender tu producto, obtener el respaldo de la dirección, documentar las mejoras y establecer un buen modelo de gobernanza son clave para el éxito. Medir, monitorear, informar y repetir.

Porque tu historia se cuenta de manera diferente a cualquier otro producto. Por lo tanto, debes comprender qué partes de tu producto y del recorrido del usuario necesitas rastrear y cómo. Y obtener el respaldo de la dirección se vuelve una historia mucho, mucho más fácil si logras hacer bien esa parte de la historia.

Porque tienes tu segmentación, tienes tus métricas, sabes cómo dividir los data, sabes qué tipo de mercados estás observando, cómo observas a tus usuarios y comprendes cómo percibir cualquier tipo de regresión o mejora desde el principio. Y un mayor respaldo significa que debes obtener una buena correlación entre las mejoras de performance y las tasas de conversión. Pero las tasas de conversión también significan cosas diferentes para diferentes productos.

Así que asegúrate de documentar bien y tener todas tus mejoras bien documentadas también y comprende cómo informar eso. Porque a veces tienes que informar a dos conjuntos de habilidades diferentes. A veces tienes que informar para el producto y tienes que informar para la ingeniería. Y esos son dos tipos diferentes de informes. Algunas métricas importan más para unos que para otros. Entonces, al final, esto no solo debe importar para la ingeniería, sino que también debe importar para el producto si estás tratando de establecer un modelo sostenible de gobernanza. Y esto es realmente, realmente clave para establecer un buen modelo de gobernanza.

Y esta charla es parte de un artículo más extenso. Este código QR es el enlace para el artículo. Sí, las principales conclusiones de esta charla son medir, monitorear, informar, y repetir. Y eso fue todo.

5. Establishing Performance and Gaining Buy-In

Short description:

Establecer el trabajo de rendimiento, comprender las diferentes dinámicas de equipo y construir una presentación de ventas para diferentes organizaciones son clave para el éxito. Comienza por tu gerente inmediato, recopila datos y gradualmente obtén el respaldo de la alta dirección. Enfócate en construir mejores atribuciones a través de datos desde el primer día.

APLAUSOS ¿Cuándo comenzó esta historia para ti? ¿Cuándo comenzaste a optimizar y ver dónde te quedaste atascado y avanzaste un poco?

Entonces, he estado estableciendo el trabajo de performance durante mucho tiempo. Ha sido parte de mi trabajo en Clona y también ha sido parte de mi trabajo en Spotify. Ha sido una parte importante de mi trabajo en Volvo. Y cada producto tiene diferentes características y debes comprender cómo vender mejor una iniciativa. Y eso implica comprender a las personas con las que estás tratando de hablar y comprender cómo funcionan las diferentes dinámicas de equipo y qué tipo de niveles necesitas trabajar.

Porque a veces necesitas establecer mucho más trabajo de ingeniería y a veces necesitas establecer mucho más trabajo de producto. Porque a veces la parte entenderá muy fácilmente que necesitas trabajar en el performance y a veces solo necesitas trabajar con ingeniería para mejorar el conocimiento, y este tipo de cosas, tooling. Hay mucho trabajo de tooling que es posible que necesites hacer. Así que cambia mucho.

Entonces, lo más importante realmente es qué tipo de producto estás tratando de vender. Se convierte en una posición de vendedor sobre cómo comprender la presentación de ventas y cómo construir una presentación de ventas para diferentes organizaciones. Diferentes audiencias. Exactamente. Entonces, cuando dices respaldo ejecutivo, ¿tienes un patrocinador ejecutivo que respalde tus esfuerzos en Perf, o quieres un respaldo ejecutivo más amplio? Entonces, más personas en tu equipo de liderazgo senior que se preocupen por el performance. El respaldo puede tener diferentes alcances. Normalmente, si estás tratando de trabajar en una organización que no tiene experiencia en performance, es posible que debas obtener el respaldo de tu gerente inmediato y tratar de establecer un trabajo para que puedas tener ese tipo de permiso para trabajar en la construcción de herramientas y comenzar a definir métricas. Y a partir de ese momento, trabajas para obtener el respaldo de la alta dirección, si es necesario. Así que depende del tipo de trabajo que estés tratando de establecer y qué tipo de ámbito.

Entonces, diferentes ingenieros tienen diferentes antecedentes, por supuesto, y diferentes esferas de influencia. A veces trabajas en una empresa muy grande donde tienes grupos técnicos de dirección a los que debes acudir y una plataforma a la que debes acudir y establecer un alcance más amplio para tooling e instrumentación. Así que realmente dependerá de la organización en la que estés tratando de trabajar. Pero diría que si estás tratando de comenzar a trabajar en el performance, comienza por tu gerente inmediato. Solo saca algo, obtén ese MVP, comienza a recopilar data de inmediato, porque los datos son el rey. El momento en que comienzas a tener datos es cuando puedes tener mejores atribuciones y correlaciones, y luego realmente puedes cambiar el rumbo del trabajo que estás tratando de hacer. Creo que eso responde algunas de las preguntas que estamos viendo, porque mucha gente está preguntando, aparentemente se están encontrando con un obstáculo y dicen, ¿qué pasa si las personas siguen siendo reacias, o cómo superas ese primer... Pero lo que estás diciendo es casi gradual, como convencer a una persona y luego a la siguiente. Sí, se convierte en un trabajo de vendedor donde realmente quieres trabajar para obtener ese permiso para tener más tiempo para trabajar en el performance.

6. Measuring Performance and Optimization

Short description:

Construir mejores atribuciones a través de datos desde el primer día es crucial para la optimización del rendimiento. Comenzar con datos te permite identificar cuellos de botella y puntos problemáticos para mejorar las tasas de conversión. Al evaluar el rendimiento de los scripts de terceros, prioriza no afectar los tiempos de carga de la página y ten en cuenta los tiempos de ejecución de las tareas. Iniciar la conversación sobre la medición y optimización debe comenzar con datos y enfocarse en iteraciones cortas y mejoras incrementales. Las herramientas populares para recopilar datos de rendimiento incluyen Speedcurve y Bugbear Sentry.

Y eso significa construir mejores atribuciones a través de data desde el primer día. Entonces, si estás tratando de trabajar en mejoras de rendimiento, es muy tentador trabajar en mejoras de rendimiento de inmediato. Así que estás tratando de obtener esa mejora inmediata desde el principio, pero ni siquiera entiendes dónde están los cuellos de botella reales de tu aplicación, o en qué partes de tu aplicación los usuarios tienen más dificultades. Entonces, ¿cómo puedes asegurarte de que cierto trabajo de rendimiento afectará las tasas de conversión? Porque al final, si estás tratando de obtener respaldo del producto, realmente necesita intentar mover la aguja hacia mejores tasas de conversión, sea lo que sea que eso signifique para tu equipo de producto. Y debes entender, entonces, cuáles son los puntos problemáticos. Entonces, sin data, no puedes entender los puntos problemáticos. Por eso, la sugerencia siempre es comenzar primero con data. Perfecto, gracias. Otra pregunta aquí es, ¿tienes alguna recomendación sobre cómo evaluar el rendimiento de los scripts de terceros? Sí, los scripts de terceros... Y la advertencia es que la persona que pregunta está desarrollando un script de terceros. Yo también he trabajado con scripts de terceros, así que trabajé para Klana durante casi tres años, y dentro de Klana trabajé en su portal de comerciantes integrado que tenían, así que dentro del proceso de pago. Entonces, si estás familiarizado con el proceso de pago de PayPal o Stripe, pero eso está integrado dentro del sitio del comerciante, por lo que de alguna manera son un tercero. Entonces, como tercero, lo primero y más importante que quieres asegurarte es que no estás afectando los tiempos de carga de la página. Entonces, si estás tratando de establecer data a tu alrededor como un tercero, debes entender que no puedes afectar ese tiempo de carga para tu cliente. Pero también debes entender que como tercero deberías tener menos prioridad cuando se trata de los tiempos de ejecución. Entonces, si estás tratando de ejecutar tareas, también debes ser muy amigable con los tiempos de ejecución de las tareas. Entonces, IMP es una métrica muy importante para cualquier tercero, por lo que si estás tratando de establecer límites para eso, esos son dos lugares en los que debes ser realmente, realmente estricto. Genial, gracias. Todavía hay muchas preguntas, pero ¿qué pasa si siguen siendo reacios? Oh, me gusta este tipo de pregunta apocalíptica. ¿Cómo inicias la conversación sobre la medición y optimización antes de que sea demasiado tarde? Bueno, puedo decirte que muy difícilmente será demasiado tarde, porque nunca es demasiado tarde para comenzar a medir, pero cuando te encuentras en un escenario en el que tu rendimiento está muy por encima del presupuesto, ahí es donde la mejora progresiva y asegurarte de tener iteraciones cortas, entregas rápidas, y comenzar a mover la aguja hacia el buen espectro de las métricas lo antes posible es clave. Pero siempre comienza con data, por lo que quieres entender dónde te encuentras actualmente, y luego comienzas a proyectar entregables a lo largo del tiempo para poder rastrear ese progreso, pero siempre enviando en pequeñas iteraciones. Porque si estás tratando de pasar de un extremo muy malo a un extremo muy bueno, eso es un gran alcance para cubrir. La mayoría de las veces no tienes esa tolerancia de tiempo de inmediato, por lo que debes asegurarte de enviar mejoras incrementales y siempre mover constantemente la aguja hacia el umbral bueno. Excelente. Como persona de DevOps, aprecio mucho esa respuesta.

QnA

Collecting Performance Data

Short description:

Las herramientas favoritas para recopilar datos de rendimiento incluyen Speedcurve y Bugbear Sentry. La elección de la herramienta depende de la disposición de tu equipo para utilizarlas de manera efectiva. Ralentizar intencionalmente el producto puede demostrar el impacto en las métricas del producto, pero es un enfoque poco convencional. El programa de capacitación mencionado es levantamiento de pesas.

Muy bien, vamos a por esta. ¿Cuáles son tus herramientas favoritas para recopilar datos de rendimiento? Recopilando datos de rendimiento. Así que en cuanto a las partes de Roma, hay un montón de servicios realmente buenos de rendimiento por ahí. Tienes Speedcurve, tienes el Bugbear Sentry, también hacen rendimiento. Pero debes entender qué tipo de herramienta representará mejor tu uso. Porque la herramienta que uses solo será útil en la medida en que tu equipo esté dispuesto a utilizarla. Configurar una buena herramienta significa tener un buen flujo versus fricción. Por lo tanto, depende de las habilidades de tu equipo de desarrollo qué herramienta vas a utilizar. Bastante justo. Una respuesta muy neutral. Esa no era la que quería resaltar. Había una muy divertida. Muy bien. ¿Ralentizar intencionalmente el producto es una buena manera de demostrar el impacto en las métricas del producto? Supongo que si estás tratando de entender el impacto de qué tan lento puedes ir, sí. Quiero decir, definitivamente demostrarás un punto. Así que si vas a intentarlo, definitivamente avísame cómo te va. ¿De quién es esta pregunta? ¿Y hay algún gerente en la sala? Si eso sucede, definitivamente avísame cómo va, sinceramente. Me fascina esta pregunta. Es una buena pregunta. Es bastante, ya sabes, un tipo de rebelión. Déjame ver. Una última pregunta rápida. Espera. Espera, espera, espera.

Programa de Capacitación y Gratitud

Short description:

El orador habla sobre su programa de capacitación, que involucra levantamiento de pesas. Expresan cierta confusión y gratitud hacia el público.

Veamos. Hay una pregunta sobre un favorito. ¿Cuál es tu programa de capacitación? ¿Es para esta sala? No lo creo. ¿Programa de capacitación? ¿Cuál es mi programa de capacitación? Levanto pesas. Oh.

¿Sabes qué? Estaba pensando en educación. Pero sí, eso es. Estaba pensando en educación. Pero tú... ¿Dónde está mi cabeza? No lo sé.

Muy bien. Quiero agradecerles mucho. Demos otro aplauso a... Por favor. Gracias. Gracias. Gracias. Gracias. Gracias. Gracias.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

El Futuro de las Herramientas de Rendimiento
JSNation 2022JSNation 2022
21 min
El Futuro de las Herramientas de Rendimiento
Top Content
Today's Talk discusses the future of performance tooling, focusing on user-centric, actionable, and contextual approaches. The introduction highlights Adi Osmani's expertise in performance tools and his passion for DevTools features. The Talk explores the integration of user flows into DevTools and Lighthouse, enabling performance measurement and optimization. It also showcases the import/export feature for user flows and the collaboration potential with Lighthouse. The Talk further delves into the use of flows with other tools like web page test and Cypress, offering cross-browser testing capabilities. The actionable aspect emphasizes the importance of metrics like Interaction to Next Paint and Total Blocking Time, as well as the improvements in Lighthouse and performance debugging tools. Lastly, the Talk emphasizes the iterative nature of performance improvement and the user-centric, actionable, and contextual future of performance tooling.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Un Marco para Gestionar la Deuda Técnica
TechLead Conference 2023TechLead Conference 2023
35 min
Un Marco para Gestionar la Deuda Técnica
Top ContentPremium
Today's Talk discusses the importance of managing technical debt through refactoring practices, prioritization, and planning. Successful refactoring requires establishing guidelines, maintaining an inventory, and implementing a process. Celebrating success and ensuring resilience are key to building a strong refactoring culture. Visibility, support, and transparent communication are crucial for addressing technical debt effectively. The team's responsibilities, operating style, and availability should be transparent to product managers.
Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced 2023React Advanced 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.
Solucionando Problemas de Rendimiento en React
React Advanced 2023React Advanced 2023
22 min
Solucionando Problemas de Rendimiento en React
Top Content
This Talk discusses various strategies to improve React performance, including lazy loading iframes, analyzing and optimizing bundles, fixing barrel exports and tree shaking, removing dead code, and caching expensive computations. The speaker shares their experience in identifying and addressing performance issues in a real-world application. They also highlight the importance of regularly auditing webpack and bundle analyzers, using tools like Knip to find unused code, and contributing improvements to open source libraries.

Workshops on related topic

Construyendo una Aplicación de Shopify con React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Construyendo una Aplicación de Shopify con React & Node
Top Content
Workshop
Jennifer Gray
Hanna Chen
2 authors
Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.
Construye una sala de chat con Appwrite y React
JSNation 2022JSNation 2022
41 min
Construye una sala de chat con Appwrite y React
Workshop
Wess Cope
Wess Cope
Las API/Backends son difíciles y necesitamos websockets. Utilizarás VS Code como tu editor, Parcel.js, Chakra-ui, React, React Icons y Appwrite. Al final de este masterclass, tendrás los conocimientos para construir una aplicación en tiempo real utilizando Appwrite y sin necesidad de desarrollar una API. ¡Sigue los pasos y tendrás una increíble aplicación de chat para presumir!
Problemas difíciles de GraphQL en Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Problemas difíciles de GraphQL en Shopify
Workshop
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
En Shopify a gran escala, resolvemos algunos problemas bastante difíciles. En este masterclass, cinco oradores diferentes describirán algunos de los desafíos que hemos enfrentado y cómo los hemos superado.

Tabla de contenidos:
1 - El infame problema "N+1": Jonathan Baker - Vamos a hablar sobre qué es, por qué es un problema y cómo Shopify lo maneja a gran escala en varios APIs de GraphQL.
2 - Contextualizando APIs de GraphQL: Alex Ackerman - Cómo y por qué decidimos usar directivas. Compartiré qué son las directivas, qué directivas están disponibles de forma predeterminada y cómo crear directivas personalizadas.
3 - Consultas de GraphQL más rápidas para clientes móviles: Theo Ben Hassen - A medida que tu aplicación móvil crece, también lo harán tus consultas de GraphQL. En esta charla, repasaré diversas estrategias para hacer que tus consultas sean más rápidas y efectivas.
4 - Construyendo el producto del futuro hoy: Greg MacWilliam - Cómo Shopify adopta las características futuras en el código actual.
5 - Gestión efectiva de APIs grandes: Rebecca Friedman - Tenemos miles de desarrolladores en Shopify. Veamos cómo estamos asegurando la calidad y consistencia de nuestras APIs de GraphQL con tantos colaboradores.
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Node Congress 2024Node Congress 2024
152 min
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Workshop
Emanuel Scirlet
Miguel Henriques
2 authors
Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
JSNation 2023JSNation 2023
57 min
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend Node.js + frontend Vanilla JS) para autenticar usuarios con contraseñas de un solo uso (correo electrónico) y OAuth, incluyendo:
- Autenticación de usuario: Gestión de interacciones de usuario, devolución de JWT de sesión / actualización- Gestión y validación de sesiones: Almacenamiento seguro de la sesión para solicitudes posteriores del cliente, validación / actualización de sesiones
Al final del masterclass, también abordaremos otro enfoque para la autenticación de código utilizando Flujos de Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.