Connect with us

cómo

Cómo habilitar el HUD de referencia de Chrome para realizar un seguimiento de las métricas de rendimiento

Published

on

El equipo de desarrollo de Google Chrome agregó recientemente una pantalla de visualización frontal (HUD) para ayudar a los desarrolladores y usuarios a rastrear las métricas de rendimiento de diferentes sitios web. El HUD realiza un seguimiento de las métricas que forman parte de la plataforma Core Web Vitals de Google, como la pintura de contenido más grande (LCP), el retraso de la primera entrada (FID) y el cambio de diseño acumulativo (CLS). Hoy, analizaremos más de cerca cómo puede habilitar este HUD en Chrome, qué significan realmente estas métricas y cómo afecta su sitio web.

Habilitar el HUD de referencia de Chrome

Hay dos métodos para ver los puntos de referencia de Chrome como una pantalla de visualización frontal. Puede habilitar el HUD con la ayuda de la marca de nueva función dentro de Chrome o usar la extensión oficial de Chrome.

Tabla de contenido +

Habilite el HUD de referencia de Chrome mediante el indicador de funciones

El HUD de referencia experimental de Google existe actualmente detrás de una bandera de función en el último Chrome Canary. En este artículo, he utilizado Chrome Canary 89.0.4349.3 para la demostración. Puede seguir estos pasos para habilitar el HUD en Chrome en Mac, Windows, Linux, Chrome OS y Android.

1. Abra Google Chrome Canary y visite chrome: // flags. En el cuadro de búsqueda disponible en esta página, busque ‘Mostrar métricas de rendimiento en HUD’ y elija ‘Habilitado’. Alternativamente, puede pegar la URL que se proporciona a continuación en la barra de direcciones de su navegador.

chrome: // flags / # show-performance-metrics-hud

Mostrar métricas de rendimiento en la bandera de HUD

2. Después de habilitar la bandera, reinicie el navegador. Ahora notará el nuevo HUD de referencia de Chrome en la esquina superior derecha del navegador. Desafortunadamente, el HUD no admite arrastrar y soltar para reposicionar en este momento, por lo que te queda verlo en el mismo lugar.

versión de bandera de función de chrome hud

Habilite el HUD de referencia de Chrome mediante la extensión de Chrome

Si no está dispuesto a vivir a la vanguardia con Chrome Canary, puede instalar la extensión de Chrome lanzada por Google para obtener un HUD similar. Así es como lo haces:

1. Abra Google Chrome y visite Chrome Web Store. En el cuadro de búsqueda, escriba ‘Web Vitals’ e instale el que ofrece addyosmani. Alternativamente, puede usar este enlace para abrir directamente la página de la extensión.

extensión de Chrome web vitals

2. Después de instalar la extensión, verá las mismas métricas que se ofrecen con la marca de función. Puede utilizar cualquiera de estos según su conveniencia y preferencia. Dado que ahora no hay una opción para deshabilitar rápidamente la versión del indicador de función, le recomiendo usar la extensión de Chrome.

extensión de Chrome web vitals después de la instalación

Características del HUD de referencia de Chrome

El HUD de referencia de Chrome ofrece actualmente las siguientes características:

  • Pintura con contenido más grande (LCP)
  • Retardo de la primera entrada (FID)
  • Cambio de diseño acumulativo (CLS)
  • Marco caído promedio (ADF)

Pintura con contenido más grande (LCP)

La pintura de contenido más grande (LCP) mide el tiempo necesario para representar la imagen o el bloque de texto más grande en la parte visible de la página web . Google recomienda que los sitios web tengan LCP en los primeros 2,5 segundos para una experiencia de usuario ideal. LCP en algún lugar alrededor de 2,5 segundos a 4 segundos se considera promedio y la duración más allá de eso cuenta como pobre y puede resultar en una mala UX.

métricas de lcp
Imagen: Google

Para mantener el LCP en 2,5 segundos, la empresa insta a los desarrolladores a medir el percentil 75 de las cargas de página en las versiones móviles y de escritorio . Para decirlo en términos más simples, todo lo que tiene que hacer es asegurarse de que al menos el 75 por ciento de las visitas a la página alcancen el buen umbral requerido, que en este caso es de 2,5 segundos.

Retardo de la primera entrada (FID)

Mientras que LCP tenía que ver con la velocidad de carga, First Input Delay (FID) representa la capacidad de respuesta de una página web. Mide el tiempo desde que un usuario interactúa con una página hasta que la página logra comenzar a procesar para responder a la acción. Vale la pena señalar que FID no incluye el tiempo total de procesamiento .

métricas fid
Imagen: Google

En escenarios ideales, el valor de FID de un sitio web debe ser inferior a 100 milisegundos . El rango entre 100 milisegundos y 300 milisegundos necesita mejoras. Si el tiempo supera los 300 milisegundos, se considera que la página web tiene un FID deficiente. Puede seguir el mismo enfoque de carga de página del percentil 75 descrito anteriormente para mantener una buena puntuación FID.

Cambio de diseño acumulativo (CLS)

Cumulative Layout Shift (CLS) realiza un seguimiento de todos esos momentos molestos en los que el contenido de un sitio web cambia repentinamente hacia arriba o hacia abajo sin ninguna advertencia. En otras palabras, CLS mide la estabilidad visual de un sitio web.

métricas de cls

Según Google, los cambios de diseño ocurren principalmente cuando los recursos de la página se cargan de forma asincrónica o cuando los elementos DOM se agregan dinámicamente a una página web. Una buena puntuación CLS es inferior a 0,1. Las puntuaciones superiores a 0,25 se consideran malas. Puede obtener más información sobre cómo se calculan las puntuaciones de CLS aquí mismo.

Marco caído promedio (ADF)

Promedio de fotogramas descartados (ADF), como su nombre indica, muestra el porcentaje de fotogramas descartados cuando el usuario interactúa con la página web. Los porcentajes de ADF más bajos darán como resultado un mejor rendimiento, mientras que los fotogramas perdidos altos pueden causar retrasos y otros problemas de rendimiento. En el momento de escribir estas líneas, ADF solo está disponible en la versión de marca de funciones del HUD.

Utilice el HUD de referencia de Chrome para realizar un seguimiento del rendimiento del sitio web

En una publicación de blog el mes pasado, Google anunció sus planes de considerar Core Web Vitals: LCP, FID y CLS como señales de clasificación a partir de mayo de 2021 . Si es propietario de un sitio web o desarrollador, ahora sería un buen momento para optimizar la experiencia del usuario de su sitio web utilizando el HUD de referencia de Chrome para evitar verse afectado negativamente por la próxima actualización. Para obtener más consejos de este tipo, no olvide consultar nuestro artículo sobre trucos y consejos de Google Chrome.

Advertisement

cómo

Cómo arreglar imágenes/fotos borrosas en teléfonos Android

Published

on

By

Cómo arreglar imágenesfotos borrosas en teléfonos Android

Por qué tus fotos pueden salir borrosas (borrosas) Hay varios factores que las causan, entre ellos: Al tomar fotos es inestable (tembloroso), el objeto que estás fotografiando es un objeto en movimiento, la lente de la cámara está sucia, la aplicación de la cámara no está funcionando correctamente y varias otras causas.

Cómo arreglar imágenes borrosas tomadas desde un teléfono Android:

2. Usa una aplicación para arreglar fotos borrosas

La mayoría de las aplicaciones de edición de imágenes incluyen una función útil para mejorar la nitidez de las fotos; esta función puedes utilizarla para mejorar tus fotos de Android.

En cuanto al método, lo he comentado en un artículo anterior aquí.

O también puedes probar otras aplicaciones como VanceAI y Neural. amor, Let’s Enhance y MyEdit

2. Toma precauciones para que las fotos no salgan borrosas

Consejos para evitar imágenes borrosas en teléfonos Android. Hay varias cosas que puedes intentar para evitarlo, entre ellas:

  • Limpia la lente de tu teléfono
  • Tome fotografías en mejores condiciones de iluminación.
  • Elimine el caché de la aplicación Cámara, vaya al menú: Configuración > Almacenamiento > Dispositivos > Datos en caché > Borrar datos en caché > Aceptar.
  • En la medida de lo posible, evite funciones de zoom excesivas al tomar fotografías con la cámara de un teléfono celular Android.

Continue Reading

cómo

Cómo arreglar Spotify AI DJ que no se muestra

Published

on

By

Cómo arreglar Spotify AI DJ que no se muestra

Como servicio de transmisión de música, Spotify ha revolucionado la forma en que escuchamos música. Una de sus funciones más interesantes es AI DJ, que crea listas de reproducción personalizadas según sus preferencias musicales. Sin embargo, a veces los usuarios encuentran un problema en el que la función AI DJ no aparece. En este artículo, veremos una guía paso a paso sobre cómo solucionar este problema.

Paso 1: buscar actualizaciones

Lo primero que debe hacer es verificar si su aplicación Spotify está actualizada. Si no, actualícelo a la última versión. Esto puede resolver cualquier falla o error que esté causando que desaparezca la función AI DJ.

Paso 2: Borrar caché

Borrar el caché en su aplicación Spotify también puede ayudar a resolver este problema. Para hacer esto, vaya a la configuración de su aplicación y seleccione “Almacenamiento”. Desde allí, toque “Borrar caché” y reinicie su aplicación.

Paso 3: deshabilite el ahorro de batería

A veces, la configuración del ahorro de batería puede interferir con el rendimiento de la aplicación. Para desactivar el ahorro de batería, ve a la configuración de tu teléfono y selecciona “Batería”. Desde allí, deshabilite cualquier modo de ahorro de batería que esté habilitado.

Paso 4: Verifique la conexión a Internet

Asegúrate de tener una conexión a Internet estable. Si su conexión a Internet es lenta o inestable, es posible que la aplicación no pueda cargar la función AI DJ.

Paso 5: verifique la configuración del país

La función AI DJ de Spotify no está disponible en todos los países. Si está utilizando la aplicación en un país donde esta función no está disponible, es posible que no aparezca en su aplicación. Puede consultar la lista de países donde la función AI DJ está disponible en el sitio web de Spotify.

Paso 6: Verifique la suscripción

La función AI DJ solo está disponible para los suscriptores de Spotify Premium. Si está utilizando la versión gratuita de la aplicación, es posible que no pueda acceder a esta función.

Paso 7: Vuelva a instalar la aplicación

Si ninguno de los pasos anteriores funciona, puede intentar desinstalar y volver a instalar la aplicación. Esto restablecerá la aplicación a su configuración predeterminada, lo que puede resolver cualquier problema que estuviera causando la desaparición de la función AI DJ.

Paso 8: reinicie su dispositivo

Si el problema persiste, intente reiniciar su dispositivo. Esto puede ayudar a solucionar cualquier problema de software que pueda estar causando el problema. Aquí está cómo hacerlo:

  • Mantenga presionado el botón de encendido en su dispositivo.
  • Toca la opción “Reiniciar” cuando aparezca en la pantalla.
  • Espere a que su dispositivo se reinicie y luego intente abrir la aplicación Spotify nuevamente.

Paso 9: Póngase en contacto con el soporte de Spotify

Si el problema persiste después de intentar todos los pasos anteriores, es hora de ponerse en contacto con el soporte de Spotify. Puede comunicarse con ellos a través de su sitio web y lo guiarán para resolver el problema.

Conclusión

La función AI DJ de Spotify es una excelente manera de descubrir nueva música según sus preferencias. Sin embargo, puede ser frustrante si no aparece en su aplicación. Siguiendo los pasos descritos anteriormente, debería poder resolver el problema y volver a disfrutar de su música. Recuerde buscar actualizaciones, borrar caché, deshabilitar el ahorro de batería, verificar la conexión a Internet, la configuración del país y la suscripción, y reinstalar la aplicación. Si todo lo demás falla, no dude en ponerse en contacto con el soporte de Spotify.

Continue Reading

cómo

Cómo superar el código de error de vapor e84

Published

on

By

Cómo superar el código de error de vapor e84

El problema del código de error de Steam e84 generalmente ocurre cuando estamos a punto de iniciar sesión en la plataforma Steam, este error también va acompañado de Algo salió mal al intentar iniciar sesión.

Si actualmente está experimentando el mismo error. Entonces, en este artículo, le proporcionaremos la solución de reparación con la forma más sencilla de solucionarlo.

1. Eliminar archivos temporales

Los archivos temporales en su computadora a veces pueden hacer que Steam funcione incorrectamente. Uno de ellos es el código de error de Steam e84, así que intenta eliminar los archivos temporales de tu computadora. Para hacerlo, sigue estos pasos:

  • Presione la tecla de Windows + R, luego escriba el comando %temp% y presione la tecla Enter/OK
  • Luego elimine todos los archivos y carpetas en la carpeta temporal
  • Después de eso, intente reiniciar su computadora e intente abrir Steam, ¿sigue ahí el código de error E84?

La eliminación de todas estas carpetas no causará errores ni dañará la computadora o los programas de su computadora, porque todos los archivos en esta carpeta temporal son archivos temporales que ya no se necesitan.

2. Actualice la aplicación Steam

Compruebe si hay una actualización disponible para la aplicación Steam, si la hay, actualice inmediatamente. Y una vez completada la actualización, intente abrir la aplicación Steam nuevamente.

3. Vuelva a instalar la aplicación Steam

Si los dos métodos anteriores no funcionan, es posible que haya algunos archivos del sistema Steam problemáticos o dañados. La mejor solución es reinstalar la aplicación Steam.

Continue Reading

Trending

Share via
Copy link
Powered by Social Snap