Categories
SEO

Chrome 88 añade a Core Web Vitals DevTools

El Newly lanzado Chrome 88 agrega funciones para que los desarrolladores esperan con ansias a la próxima actualización de ACTUALIZACIÓN , lo que agrega las métricas relativamente nuevas vitales web

métricas a cualquier señal de clasificación de experiencia de usuario preexistente.

Las vitales web miden varias cosas que luego se recopilan en tres puntuaciones de resumen que las vitales web del núcleo: Pintura contenta más grande , Primer retardo de entrada y Diseño acumulativo Cambio

. Cada uno de estos debe optimizarse para alcanzar los umbrales de rendimiento (horarios) para evitar el sufrimiento contra más compañeros activos que puedan aparecer por encima de usted en Google Rankings.

Dos nuevas características de la nota La primera nueva característica De la nota para nosotros es que Chrome 88 ahora es compatible con una propiedad CSS llamada índice de aspectos . ÁspidLas reglas de la proporción de ECT le permiten definir los índices para los elementos que, en ciertas circunstancias, pueden ayudarlo a

optimizar el cambio de diseño acumulativo

. Hasta la fecha, podría definir un atributo HTML de ancho o altura en una etiqueta de imagen, y la mayoría de los navegadores intentarán calcular el atributo faltante. Un diseñador haría esto con imágenes variables, como las suministradas por Los usuarios, para adaptarse al resultado en un sistema de diseño. Esta capacidad ahora está disponible para que usted se aplique como una regla CSS a imágenes, así como otros tipos de elementos. Entre otros beneficios, esta nueva regla puede ayudarlo a planificar mejor los diseños receptivos sin tener que recurrir a

Cálculos de dimensión porcentual de piratería

para lograr un aspecto final de diseño.

Vital Vital Sane en Chrome 88 DevTools

El otro excitiNG New Feature es que los vitales web ahora reciben su propio carril informante en Chrome 88 DevTools. Mientras que las banderas de los tiempos para estas (y algunas otras) métricas han estado disponibles durante algún tiempo, hay un montón de espacio nuevo reservado en el nuevo Vital Vital Lane para informes aún más detallados.

Como es, Las banderas en el carril vital web están codificadas por colores con verde para una puntuación de paso y rojo para no lograr un buen umbral de rendimiento. Flotando su mouse sobre una bandera en particular resulta que la identificación de la abreviatura del nombre métrico y el momento registrado en milisegundos. Los colores para las métricas en el carril de los tiempos no son indicativos de una puntuación.

Cambio de diseño (puntuación de la bandera roja de 748.4 ms) en el nuevo Vitals web de DevTools.

También hay unNueva área de informes de tareas largas que se puede usar para alinearse con los eventos de subprocesos principales para detectar qué scripts se están evaluando para que pueda solucionar si puede optimizar o eliminar el código.


Para agregar el nuevo carril vital web a DevTools, navegue a la pestaña Performance y seleccione la casilla de verificación asociada. Puede hacerlo incluso después de que se haya recopilado los datos de informes en caso de que ejecute un informe antes de seleccionar la casilla de verificación, y puede cerrar Chrome, que recordará cómo salió del estado de la casilla de verificación después de la última grabación cuando lo reabierto. Casilla de verificación Vitales web en la pestaña Rendimiento de Chrome DevTools Tenga en cuenta que cualquier puntaje en particular es un resumen de otras métricas que debe buscar la actividad anterior a Or alineando con un hito fallido para descubrir qué podría estar causando el problema. Los carriles de informes de la red y la CPU pueden ayudarlo a detectar qué es. Puede encontrar referencias a los scripts de bloqueo de procesamiento para que usted evalúe e imagen de carga de imágenes donde puede descubrir la oportunidad de comprimirlos o cambiar el tamaño de ellos. Informes de rendimiento de arranque en frío para que estas métricas sean Lo más preciso tendrá que cargar un informe de rendimiento sin activos que se almacenan actualmente en el caché del navegador. Inicie un cambio de grabación y mantenga presionado mientras actualiza la página en el navegador que debería obligar a su navegador a cargar todos los recursos de la red. También puede seleccionar el botón de recarga en DevTools en la pestaña Performance. Estar prevenido, sin embargo, que el informe resultante no debe necesarCaptura rily todo lo que deseas. Ambos enfoques son válidos. Un inicio en frío con un proceso de grabación abierto le permite decidir cuándo comenzar a recopilar información con Shift-Refresh y cuándo procesar el resultado en el informe final al hacer clic para detener el proceso de grabación. Tiene capacidad de selección para limitar y magnificar áreas de preocupación a lo largo de la línea de tiempo de informes una vez que se cargue su informe. Chrome también almacena un historial de informes que puede limpiar cuando es hora de analizar otra página. Como es cierto con todas las señales de rankings, ningún factor único va a aumentar su puntaje con el número uno en el tablero. Tenga en cuenta que los sitios web deficientes aún pueden clasificar bien cuando el contenido es indexable y de una calidad que atrae a los usuarios de la búsqueda. En cuanto a la técnica seO, los vitales web del núcleo no son una indicación de que su contenido es indexable en absoluto. Eso debería servir como una advertencia de que puede haber mucho más para solucionar problemas una vez que haya logrado excelentes puntajes de rendimiento. Por qué debemos cuidar La actualización de la experiencia de la página que se realiza en cuestión de meses Es la razón suficiente para que nos preocupemos por nuestros puntajes de vitalios web principales. Google nos ha dado un tiempo suficiente para preparar nuestros sitios para el cambio. Como profesionales de optimización, buscamos todas las ventajas que podamos usar para mejorar las clasificaciones y las vitales web es algo que indudablemente mejora las cosas tanto para los usuarios como para los motores de búsqueda.

Leave a Reply

Your email address will not be published. Required fields are marked *