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 migrar grupos de chat de WhatsApp a Signal

Published

on

By

Cómo migrar grupos de chat de WhatsApp a Signal

La nueva política de WhatsApp para compartir datos con Facebook hace que algunos usuarios se sientan incómodos. Uno de los más importantes es la cantidad de grupos de chat que se han creado durante mucho tiempo en WhatsApp.

Signal, a través de su cuenta oficial de Twitter, comparte cómo mover grupos desde aplicaciones distintas a Signal.

“Muchos usuarios han preguntado cómo mover el chat grupal de otras aplicaciones a Signal, y Signal Group Links es una excelente manera de comenzar”, escribió la cuenta @signalapp.

Primero, lo que tienes que hacer es crear un grupo de chat en la aplicación Signal.

Luego, vaya a la sección de configuración del grupo. Luego haga clic en la opción ‘Enlace de grupo’.

Próximo paso

Después de eso, active la opción ‘Enlace de grupo’ y seleccione la opción ‘Compartir’. Este paso activará el enlace de grupo que se ha creado y está listo para ser compartido con grupos en WhatsApp u otras aplicaciones.

Por último, comparta el enlace del grupo de señales anteriormente con el grupo existente.

Este método moverá fácilmente miembros de un grupo existente, simplemente haciendo clic en el enlace del grupo de Signal compartido. Hágalo de esta manera desde el principio para otros grupos de chat existentes. ¡Buena suerte!

Continue Reading

cómo

Cómo obtener fotos en 3D del Baby Yoda de The Mandalorian usando Google AR

Published

on

By

baby yoda

Google ya ha hecho posible fotografiar un león en tu cocina o un Triceratops en tu jardín trasero, de pie junto a tu perro desprevenido.

Ahora, los fanáticos de The Mandalorian pueden usar la misma función de realidad aumentada para hacer que The Child (AKA Grogu, conocido fuera de la serie como Baby Yoda) aparezca en su sala de estar.

He aquí cómo hacerlo.

En primer lugar, deberá iniciar el navegador web en su teléfono inteligente o tableta. También puede utilizar la aplicación de Google, si lo prefiere.

Busque en Google The Child, Baby Yoda o Grogu (porque, como la serie ha revelado, ese es el nombre del pequeño verde parpadeante).

Grogu aparecerá en el panel de conocimiento, junto con un par de opciones.

Uno de ellos es “Ver en 3D”. Haga clic en esto y aparecerá un Grogu 3D. Puedes rotarlo y cambiar el ángulo desde el que lo miras.

Baby Yoda en 3D

Para ver cómo se vería Grogu en su sala de estar, toque el botón “Ver en su espacio”.

Si es la primera vez que utiliza esta función de Google, deberá otorgar permiso para que Google acceda a su cámara y a sus fotos.

A continuación, apunte su cámara a un lugar despejado de la habitación. Si aparece el ícono de una mano sosteniendo un teléfono en la pantalla, apúntelo al lugar donde desea que aparezca Grogu y toque el ícono.

Debido a que Grogu está renderizado aproximadamente al mismo tamaño que aparece en la serie de televisión, una buena opción es hacerlo aparecer sobre una mesa, aunque también puedes dejarlo en el suelo o en el sofá junto a ti.

¡Listo! El Niño debe aterrizar en el lugar que ha seleccionado. No puedes cambiar mucho su tamaño, pero parecerá estar mirando a su alrededor, parpadeando y moviendo las orejas.

Si se ve demasiado oscuro en sus imágenes, es posible que necesite un poco más de luz.

Feliz Navidad y disfruta!

Continue Reading

cómo

Cómo hacer videollamadas y llamadas grupales en un Amazon Echo

Published

on

By

how to make calls and group video calls on amazon echo

Amazon está mejorando constantemente a Alexa y agregando nuevas funciones tanto a su gama de altavoces inteligentes Echo como a las pantallas inteligentes Echo Show.

Y en 2020, una función que se ha utilizado mucho más que nunca son las videollamadas. Ya podría usar un Echo Show para llamar a otro, pero Amazon lo ha ampliado recientemente para incluir el Fire TV Cube de segunda generación, al que ahora puede conectar una cámara web. Así es cómo.



Una característica que falta y que se ha agregado rápidamente a bastantes servicios de videollamadas este año son las llamadas grupales. Eso también ahora es posible en Echo and Echo Show para llamadas de voz y video. Debes crear un grupo en la aplicación Alexa, luego decir “Alexa, llama a [nombre del grupo” para iniciar la llamada.

Ni siquiera necesitas un eco. Las llamadas funcionan en la aplicación Alexa en iPhone y Android, y las tabletas Fire de cuarta generación o más nuevas con Alexa también son

Amazon anunció que las llamadas grupales vendrían cuando lanzara nuevos dispositivos Echo en septiembre y también dijo que agregará efectos de llamada para videollamadas para que pueda aparecer alrededor de burbujas o un paisaje de jardín, o elegir estilos artísticos como arte callejero o pintura clásica.

Hay muchas cosas que puedes hacer con Alexa en términos de comunicación. Éstos son algunos de ellos:

  • Llamadas de voz a Echos, tabletas Fire compatibles y la aplicación Alexa
  • Videollamadas a Echo Show y Fire TV Cube, tabletas Fire y la aplicación Alexa
  • Mensajes de voz (grabaciones de voz enviadas por Alexa) a otro contacto de Alexa
  • Mensajes de texto enviados en la aplicación Alexa a otros usuarios de Alexa

¿Cómo consigo que Alexa llame a alguien?

Hay cuatro formas principales de comunicarse:

  1. Vocación
  2. Mensajería
  3. Entrar un momento
  4. Anunciando

Antes de poder hacer cualquiera de estos, debe permitir el acceso a sus contactos en la aplicación Alexa. Probablemente hizo esto cuando lo instaló por primera vez, pero si no abre la aplicación, inicie sesión en su cuenta de Amazon si es necesario y toque Comunicar en la parte inferior.

Cómo hacer llamadas y llamadas grupales en Amazon EchoCómo hacer llamadas y llamadas grupales en Amazon Echo

Verá su lista de contactos o un mensaje para otorgar permiso para acceder a ellos.

Llamadas de voz

Para hacer una llamada de voz, simplemente diga “Alexa, llame a Lewis Painter”. Obviamente, no digas eso si tu amigo no se llama Lewis Painter. Utilice los nombres de su lista de contactos. Puede establecer apodos, como mamá o papá, si no quiere decir su nombre completo.

El eco del destinatario les dirá que “Jim está llamando” (bueno, su nombre, no el mío) y su anillo de luz parpadeará en verde. Pueden optar por aceptar o rechazar la llamada diciendo “Responder” o “Ignorar”.

Una alternativa, para amigos cercanos y familiares, es Drop In. Esto funciona de la misma manera, pero no espera a que el destinatario de la llamada acepte o rechace la llamada, simplemente inicia la llamada. En un Echo Show, comenzará con una vista opaca que gradualmente se vuelve más clara.

Dado que todos los Echos son dispositivos manos libres con parlantes y micrófonos, las llamadas funcionan como cualquier altavoz, pero esto significa que cualquier persona cercana puede escuchar su conversación.

Como se mencionó, también puede hacer llamadas dentro de la aplicación Alexa. Esto significa que puede llamar (o enviar mensajes) fácilmente a personas en una tableta Fire, un teléfono Android o un iPhone / iPad.

Otra forma de comunicarse es mediante anuncios. Puedes decir “Alexa, anuncia que la cena está lista” para transmitir ese mensaje a todos los dispositivos Echo (y tabletas Fire compatibles y dispositivos con la aplicación Alexa) en tu hogar.

SUGERENCIA: Puede habilitar o deshabilitar Llamadas y mensajería, así como solo Anuncios y Drop In por dispositivo tocando Dispositivos en la aplicación Alexa, luego el dispositivo de la lista, luego Comunicación.

Mensajes

Si desea enviar un mensaje, diga: “Alexa, envía un mensaje a Lewis”. Ella te preguntará qué mensaje enviar y tú se lo dices.

La grabación de su voz se les reproducirá cuando estén listos y también se convertirá en texto para que puedan leerla en la aplicación. Un anillo amarillo parpadeará en su Echo indicando que hay un nuevo mensaje esperando y el destinatario puede decir “Alexa, reproduce mis mensajes” y leerá el mensaje.

Cómo hacer llamadas y llamadas grupales en Amazon EchoCómo hacer llamadas y llamadas grupales en Amazon Echo

En la aplicación, el destinatario puede tocar el texto para escuchar la grabación original, como escuchar un correo de voz. Y dado que la conversión de voz a texto a veces es incorrecta, puede ser la única forma de averiguar qué dijo realmente la persona. Sin embargo, es sorprendentemente preciso.

Hay más: puede usar la aplicación para escribir mensajes a sus contactos, al igual que WhatsApp.

Cuando toca una conversación, puede elegir hacer una llamada de voz o una videollamada a esa persona usando los íconos en la parte superior.

Videollamadas / Videollamadas grupales

Hacer una videollamada es exactamente lo mismo que una llamada de voz, con la diferencia obvia de que verás a la otra persona y ellos te verán a ti cuando digas “Alexa, llama a mamá”.

Si desea hacer una videollamada grupal, abra la aplicación Alexa y:

  1. Toca Comunicarte en la parte inferior.
  2. Presiona el ícono de persona (arriba a la derecha)
  3. Toque el símbolo + junto a Agregar nuevo
  4. Elija Agregar grupo
  5. Toque Activar cuando se le solicite acerca de las funciones mejoradas
  6. Seleccione todos los contactos que estarán en el grupo
  7. Nombra el grupo
  8. Toca Crear grupo

Una vez hecho esto, puede decir “Alexa llamar a [nombre del grupo]”.

Cómo hacer llamadas y llamadas grupales en Amazon EchoCómo hacer llamadas y llamadas grupales en Amazon Echo

Recuerde que puede usar videollamadas en la aplicación Alexa, así como en un Echo Show, Echo Spot, una tableta Fire compatible y un Fire TV Cube de segunda generación con una cámara web adecuada conectada.

Alexa, no molestar

Es poco probable que desee que la gente lo llame a cualquier hora, por lo que hay una función No molestar. Puedes decir “Alexa, no molestar” y “Alexa, apagar no molestar”, pero en la aplicación Alexa puedes configurar tiempos entre los cuales bloqueará llamadas y mensajes.

Para hacer esto, toque Dispositivos en el menú inferior. Toque el dispositivo que desea controlar y toque No molestar que se encuentra en la sección General.

Toque Programado e ingrese una hora de inicio y una hora de finalización; desafortunadamente, solo puede establecer un período de tiempo diario en este momento.

Y solo para aclarar, tendrá que realizar estos ajustes en cada dispositivo Echo que posea.

Artículos relacionados para lectura adicional

  • 100 cosas divertidas para preguntarle a Alexa
  • Las mejores ofertas de Echo
  • Cómo controlar tu televisor con Alexa
  • Los mejores juegos para jugar en Amazon Echo
Continue Reading

Trending

Copy link
Powered by Social Snap