Midu, ¿se considera el peso que tiene una librería a la hora de elegirla?
Vi un post tuyo de redaxio y versoaxios.
Totalmente, yo siempre lo tengo en cuenta.
Hay gente que no tiene en cuenta un poco el tema del rendimiento.
A ver, yo os voy a decir un consejo.
No sé si sabéis de rendimiento web, performance y todo este tipo de cosas.
Es un tema muy, muy importante y muy interesante.
Si queréis mejorar como desarrolladores, yo hablo un montón de performance porque a mí me chifla, me encanta.
Y de hecho han sacado una herramienta muy chula ahora la gente de Chrome, que es esta.
Mira, vamos aquí a Fotocasa, le damos aquí a Inspeccionar.
Y en la versión 102 de Chrome han sacado esta nueva pestaña que se llama Performance Insights.
Le dais aquí y aquí podéis hacer el Throttling.
Vamos a poner con... Bueno, vamos a hacerlo sin Throttling, pero podéis hacer Throttling.
Le dais a Misure Page Load y está bastante chula esta nueva página
porque os da como datos más accionables y más fáciles de leer.
Es como un compañero de Lighthouse para sacar mejor...
Uy, pero aquí no ha pasado nada.
Aquí no ha pasado nada.
Le he dado a Misure Page Load, ¿verdad?
¿O ha ido muy rápido?
Creo que es eso, ¿no?
Que ha ido muy rápido o que no...
Me lo está haciendo sin...
Me lo está haciendo con caché o algo.
A ver.
Page Load.
Disable caché.
Bueno, va.
Pues le voy a poner el Fast 3G porque si no va demasiado rápido.
Antes lo he estado probando y tenía bastante buena pinta.
Vale, pues esta herramienta está bastante chula porque al final te dice también, pues yo
que sé, te dice...
Oye, aquí se está haciendo un Lighthouse Shift.
Aquí, pues es cuando se está cargando la imagen más grande.
Aquí, pues ahí se está bloqueando el render por culpa de JavaScript.
Está bastante chula.
No creo que esto te va a llegar al 100%, ¿verdad?
Que si no, vamos a estar aquí hasta mañana.
No, vale, vale.
Retrieving...
Vale, vale.
Digo, hasta antes tenía miedo.
Vale.
Pues veis, podéis ir aquí paso a paso.
Tened en cuenta que este paso sería como si fuese la página en blanco porque era el
estado anterior.
Entonces, cuando ha cargado, se ha puesto...
Ah...
Cuando ha cargado, ¿qué?
Ah, no.
Perdón.
Aquí.
Es aquí.
Vale.
Ha empezado a cargar aquí.
Luego las imágenes.
¿Veis?
Y aquí se puede ver el impacto que, por ejemplo, tiene la fuente.
¿Veis?
Aquí tenemos esta fuente y cuando carga la fuente, pum, pega ese saltito.
Y de esto seguro se debe quejar.
¿Veis que pone aquí layout shift?
Este layout shift, que si le das un clic, pues te dice dónde ha ocurrido.
Te lo dice todo, ¿eh?
Mira, te dice...
¿Veis todo esto?
Esto seguramente es por culpa de la fuente o una cosa así.
Y aquí tenéis el first content full pane.
Bueno, esto es un mundo interesantísimo que os recomiendo un montón porque tiene un montón
de...
Esto es importantísimo para el SEO, para la experiencia del usuario.
Se dice...
Hay una métrica por ahí que hacer que tu página responda 100 milisegundos más rápido
se traduce en un 1% de leads.
Los leads son, digamos, como la conversión del cliente, ¿no?
Si ha hecho una compra, si te ha dejado el correo, este tipo de cosas.
Y esta nueva herramienta está bastante chula porque es bastante más fácil.
Podéis quitar esto.
Y aquí tenéis la network y podéis ver cómo se ha ido cargando las cosas.
Y aquí a la derecha, que igual no lo veis muy bien, lo voy a poner aquí, podéis ver
lo que ha ido ocurriendo.
Por ejemplo, render blocking request.
¿Ves?
Aquí hay una request que está bloqueando el render.
Es esta request de aquí.
Si le damos un clic, nos dice esta es del CSS y está bloqueando el rendering.
¿Cómo se puede arreglar?
Pues tendrías que poner en línea los estilos críticos y bla, bla.
Está muy chula.
Está muy chula.
De verdad.
Os lo recomiendo que le echéis un vistazo.
Está la versión 102, ¿eh?
Pero bueno, no está mal.
No está mal.
Bueno, dicho esto.
Dicho esto.
A ver, leo un momento el chat y nos vamos con lo de Elon Musk, ¿eh?
Gracias.
Gracias.
Gracias.
Gracias.