{"id":10165,"date":"2024-10-02T09:41:00","date_gmt":"2024-10-02T08:41:00","guid":{"rendered":"https:\/\/agenciaseonetbulb.com\/noticias\/?p=10165"},"modified":"2024-11-05T15:09:24","modified_gmt":"2024-11-05T14:09:24","slug":"crux-vis-google","status":"publish","type":"post","link":"https:\/\/agenciaseonetbulb.com\/noticias\/crux-vis-google\/","title":{"rendered":"Crux Vis: la nueva herramienta de google para comprender los core web vitals"},"content":{"rendered":"\n

Google ha lanzado una herramienta innovadora llamada CrUX V<\/mark>i<\/mark>s<\/mark><\/strong><\/a>, dise\u00f1ada para analizar el rendimiento web a trav\u00e9s de los core web vitals<\/strong> de una forma sencilla y accesible. Este nuevo recurso ofrece la posibilidad de visualizar datos hist\u00f3ricos de usuarios reales, facilitando la comprensi\u00f3n y el an\u00e1lisis del rendimiento de las p\u00e1ginas web.<\/p>\n\n\n\n

En este art\u00edculo, exploraremos c\u00f3mo funciona crux vis, c\u00f3mo se compara con otras herramientas disponibles y c\u00f3mo utilizar sus caracter\u00edsticas para mejorar la experiencia del usuario.<\/p>\n\n\n\n

\u00bfQu\u00e9 es CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> y c\u00f3mo funciona?<\/h2>\n\n\n\n
\"\u00bfQu\u00e9<\/figure>\n\n\n\n

CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> (Chrome User Experience Report Visualization) permite a los propietarios de webs ver c\u00f3mo se han desarrollado las m\u00e9tricas de los core web vitals a lo largo del tiempo. Google ya ofrec\u00eda estos datos a trav\u00e9s de la API <\/a>de crux<\/strong> y del crux dashboard<\/strong>, pero CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> se destaca por ser m\u00e1s accesible y f\u00e1cil de usar. Los core web vitals<\/strong> son m\u00e9tricas fundamentales que miden la experiencia de los usuarios en un sitio web, como el tiempo de carga, la estabilidad visual y la interactividad.<\/p>\n\n\n\n

Para utilizar CrUX V<\/mark>i<\/mark>s<\/mark><\/strong>, solo necesitas acceder al sitio web de la herramienta, introducir la URL de tu p\u00e1gina, y podr\u00e1s visualizar un an\u00e1lisis hist\u00f3rico de tres m\u00e9tricas clave:<\/p>\n\n\n\n

    \n
  1. Largest Contentful Paint (LCP)<\/strong>: indica el tiempo necesario para que se cargue el contenido principal de la p\u00e1gina.<\/li>\n\n\n\n
  2. Cumulative Layout Shift (CLS)<\/strong>: mide la estabilidad visual, evitando movimientos inesperados de los elementos en pantalla.<\/li>\n\n\n\n
  3. Interaction to Next Paint (INP)<\/strong>: eval\u00faa la capacidad de respuesta de la p\u00e1gina a las interacciones del usuario.<\/li>\n<\/ol>\n\n\n\n

    Chrome user experience report (crux): \u00bfqu\u00e9 datos proporciona?<\/strong><\/h3>\n\n\n\n

    El chrome user experience report (crux)<\/strong> es un conjunto de datos de rendimiento que Google recopila a partir de los usuarios de Chrome que han habilitado la opci\u00f3n de compartir estad\u00edsticas de uso. CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> hace uso de estos datos para proporcionar un an\u00e1lisis en tiempo real del rendimiento del sitio web desde el punto de vista de los usuarios reales.<\/p>\n\n\n\n

    Los datos recogidos en crux solo est\u00e1n disponibles para sitios con un volumen suficiente de tr\u00e1fico, lo que significa que las web peque\u00f1as o con poca audiencia podr\u00edan no tener informaci\u00f3n disponible. Adem\u00e1s, en dispositivos m\u00f3viles, crux \u00fanicamente recoge datos en Android<\/strong>, no en iOS<\/strong>.<\/p>\n\n\n\n

    C\u00f3mo utilizar <\/strong>CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> para analizar el rendimiento web<\/h2>\n\n\n\n

    Para acceder a la informaci\u00f3n que proporciona <\/strong>CrUX V<\/mark>i<\/mark>s<\/mark><\/strong>, puedes seguir estos pasos:<\/p>\n\n\n\n

      \n
    1. Accede a cruxvis.withgoogle.com<\/a>.<\/li>\n\n\n\n
    2. Introduce la URL de tu sitio web.<\/li>\n\n\n\n
    3. Pulsa Enter.<\/li>\n<\/ol>\n\n\n\n

      Despu\u00e9s de realizar estos pasos, ver\u00e1s una representaci\u00f3n gr\u00e1fica que muestra la evoluci\u00f3n de tus core web vitals<\/strong> en las \u00faltimas 25 semanas. Esta vista incluye un an\u00e1lisis de tendencia<\/a> que indica si el rendimiento de tu sitio est\u00e1 mejorando o empeorando.<\/p>\n\n\n\n

      \"crux<\/figure>\n\n\n\n

      Visualizaci\u00f3n y filtrado de datos en <\/strong>CrUX V<\/mark>i<\/mark>s<\/mark><\/strong><\/h2>\n\n\n\n

      La herramienta muestra, por defecto, el percentil 75<\/strong> de cada m\u00e9trica. Esto significa que el valor presentado representa el rendimiento que experimenta el 75% de los usuarios, asegurando que se tiene en cuenta una amplia muestra de experiencias.<\/p>\n\n\n\n

      Adem\u00e1s, CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> permite filtrar los datos por dispositivo (m\u00f3vil o desktop) y ajustar el rango de fechas para observar cambios en per\u00edodos espec\u00edficos. Tambi\u00e9n proporciona una distribuci\u00f3n de cada m\u00e9trica clasificada como \u00abbuena\u00bb, \u00abnecesita mejorar\u00bb o \u00abpobre\u00bb<\/strong>, ayudando a entender c\u00f3mo var\u00eda la experiencia del usuario en diferentes condiciones.<\/p>\n\n\n\n

      An\u00e1lisis a nivel de url y m\u00e9tricas adicionales<\/strong><\/h3>\n\n\n\n

      Una caracter\u00edstica importante de CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> es la posibilidad de visualizar datos a nivel de URL espec\u00edfico, adem\u00e1s del dominio en general. Esto es \u00fatil para evaluar c\u00f3mo ciertas p\u00e1ginas clave, como las p\u00e1ginas de destino, est\u00e1n funcionando y si necesitan mejoras adicionales.<\/p>\n\n\n\n

      Adicionalmente, CrUX V<\/mark>i<\/mark>s<\/mark><\/strong> tambi\u00e9n permite ver otras m\u00e9tricas de rendimiento que son esenciales para una evaluaci\u00f3n m\u00e1s detallada, como:<\/p>\n\n\n\n