{"id":12944,"date":"2021-05-28T16:52:59","date_gmt":"2021-05-28T16:52:59","guid":{"rendered":"https:\/\/newblog.siteground.com\/es\/?p=12944"},"modified":"2026-10-05T10:30:03","modified_gmt":"2026-10-05T10:30:03","slug":"core-web-vitals-guia","status":"publish","type":"post","link":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/","title":{"rendered":"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Los tiempos de carga lentos, los elementos que no responden o los cambios de p\u00e1gina inesperados pueden frustrar a los usuarios. Es por eso que Core Web Vitals se ha vuelto esencial para optimizar tu sitio y tus posibilidades de obtener una clasificaci\u00f3n m\u00e1s alta en las b\u00fasquedas.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al mejorar el rendimiento de tu sitio web en estas m\u00e9tricas, puedes proporcionar una experiencia m\u00e1s fluida para tu audiencia. Esto da como resultado una mejor clasificaci\u00f3n en el posicionamiento en buscadores, un mayor compromiso y m\u00e1s conversiones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%c2%bfque-son-los-core-web-vitals\"><\/span><strong>\u00bfQu\u00e9 son los Core Web Vitals?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Core Web Vitals es un <strong>conjunto de m\u00e9tricas clave de Google que miden la experiencia del usuario en el mundo real para el rendimiento de carga, la interactividad y la estabilidad visual de una p\u00e1gina web<\/strong> . Lograr un buen Core Web Vitals se recomienda para tener \u00e9xito en la B\u00fasqueda de Google, ya que ayuda a garantizar una experiencia de usuario r\u00e1pida, receptiva y visualmente estable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los tres Core Web Vitals son:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Largest Contentful Paint (LCP)<\/strong> \u2013 Mide el rendimiento de carga.<\/li><li><strong>Interaction to Next Paint (INP)<\/strong> \u2013 Rastrea las interacciones del usuario y mide el retraso de entrada.<\/li><li><strong>Cambio de dise\u00f1o acumulativo (CLS)<\/strong> : mide la estabilidad visual mediante el seguimiento de los cambios de dise\u00f1o en la p\u00e1gina.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Google utiliza estas se\u00f1ales de calidad como parte de su algoritmo de clasificaci\u00f3n, y mejorarlas puede impulsar tu clasificaci\u00f3n de b\u00fasqueda.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Largest Contentful Paint (LCP)<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"490\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/1_Largest_Contentful_Paint.jpg\" alt=\"\" class=\"wp-image-17580\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Largest Contentful Paint (LCP)<\/strong> mide <strong>el tiempo que tarda el elemento de contenido visible m\u00e1s grande en una p\u00e1gina en renderizarse por completo<\/strong> . Esto podr\u00eda ser una imagen, video o un bloque de texto que ocupa la mayor parte del espacio en la pantalla. Esta m\u00e9trica es importante porque da una visi\u00f3n precisa de lo r\u00e1pido que carga una p\u00e1gina web desde la perspectiva del usuario.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed es como Google define las puntuaciones LCP:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/2_LCP_Score-1024x339.jpg\" alt=\"\" class=\"wp-image-17581\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Bueno<\/strong> : 2.5 segundos o menos<\/li><li><strong>Mejorable<\/strong> : Entre 2.5 y 4 segundos.<\/li><li><strong>Pobre<\/strong> : M\u00e1s de 4.0 segundos<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Para que tu sitio web pase el Core Web Vitals, <strong>necesitas una puntuaci\u00f3n LCP de 2.5 segundos o menos para el 75% de todas tus p\u00e1ginas vistas.<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un <strong>LCP alto significa que tus usuarios est\u00e1n esperando demasiado tiempo<\/strong> para cargar la mayor parte del contenido de tu p\u00e1gina. Para los propietarios de sitios web, esto significa largos tiempos de renderizado, lo que lleva a grandes tasas de rebote y bajas tasas de conversi\u00f3n.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los tres factores m\u00e1s comunes que afectan negativamente a LCP son:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Medios grandes y no optimizados<\/li><li>JavaScript bloqueador de renderizado<\/li><li>Lento tiempo de carga de recursos<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Haz clic aqu\u00ed para aprender c\u00f3mo medir y mejorar tu puntuaci\u00f3n LCP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>&nbsp;Interaction to Next Pain o INP (antes FID o First Input Delay)<\/strong><\/strong><\/h3>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Google anunci\u00f3 que INP (Interaction to Next Paint) est\u00e1 reemplazando oficialmente el FID (First Input Delay) como la nueva m\u00e9trica de Core Web Vitals para la capacidad de respuesta. El reemplazo ser\u00e1 efectivo a partir de marzo de 2024.<\/p><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1480\" height=\"730\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/3_First_Input_Delay.jpg\" alt=\"\" class=\"wp-image-17582\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Interaction to Next Paint (INP)<\/strong> es una m\u00e9trica de rendimiento web de usuario real que <strong>mide la capacidad de respuesta de una p\u00e1gina web.<\/strong> Eval\u00faa el tiempo que tarda el navegador en responder a las interacciones del usuario, como clics o taps despu\u00e9s de que la p\u00e1gina haya terminado de cargar.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">INP est\u00e1 dise\u00f1ado para capturar la experiencia del usuario de qu\u00e9 tan r\u00e1pido y sin problemas un sitio reacciona a sus entradas. Es un indicador clave de la interactividad y capacidad de respuesta de la p\u00e1gina.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A diferencia de FID, que solo mide el retraso de la primera entrada, INP considera la capacidad de respuesta de toda la p\u00e1gina durante la sesi\u00f3n del usuario.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed es como Google define las puntuaciones INP:<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/4_FID_Score-1024x339.jpg\" alt=\"\" class=\"wp-image-17583\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed es como Google define las puntuaciones INP:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Bueno<\/strong> : menor o igual a 200 milisegundos<\/li><li><strong>Mejorable<\/strong> : Entre 200 milisegundos y 500 milisegundos<\/li><li><strong>Pobre<\/strong> : M\u00e1s de 500 milisegundos<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una raz\u00f3n com\u00fan para una mala puntuaci\u00f3n de INP son los archivos JavaScript y CSS no optimizados. Te mostraremos c\u00f3mo medir y mejorar el INP m\u00e1s adelante.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Cambio acumulativo de dise\u00f1o (CLS)<\/strong><\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/5_Cumulative_Layout_Shift-1-1024x505.jpg\" alt=\"\" class=\"wp-image-17584\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.siteground.es\/kb\/turno-acumulativo-de-diseno\/\" target=\"_blank\" rel=\"noopener\"><strong>Cumulative Layout Shift (CLS)<\/strong><\/a> <strong>mide la estabilidad visual de una p\u00e1gina rastreando cambios de dise\u00f1o inesperados.<\/strong> Estos cambios a menudo ocurren cuando se carga contenido nuevo, como im\u00e1genes sin dimensiones especificadas o anuncios insertados din\u00e1micamente. Una <strong>puntuaci\u00f3n CLS alta indica que la p\u00e1gina es inestable<\/strong> , lo que puede afectar la experiencia fluida de los usuarios.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed es como Google define las puntuaciones CLS:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"339\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/6_CLS_Score-1-1024x339.jpg\" alt=\"\" class=\"wp-image-17585\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Bueno<\/strong> &#8211; Menor o igual a 0.1 segundos<\/li><li><strong>Mejorable<\/strong> &#8211; Menor o igual a 0.25 segundos<\/li><li><strong>Pobre<\/strong> &#8211; M\u00e1s de 0.25 segundos<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una puntuaci\u00f3n menor o igual a 0.1 segundos significa que el contenido de la p\u00e1gina es completamente est\u00e1tico durante su ciclo de vida. Una puntuaci\u00f3n m\u00e1s alta significa que el contenido se est\u00e1 moviendo. Por lo general, los cambios de dise\u00f1o son causados com\u00fanmente por:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>im\u00e1genes,<\/li><li>anuncios,<\/li><li>incrustaciones,<\/li><li>iframes sin dimensiones,<\/li><li>contenido inyectado din\u00e1micamente,<\/li><li>fuentes web, causando flash de texto invisible y flash de texto sin estilo.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%c2%bfcomo-medir-core-web-vitals\"><\/span><strong>\u00bfC\u00f3mo medir Core Web Vitals?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hay varias herramientas disponibles para medir Core Web Vitals, tanto con datos reales de usuarios como con m\u00e9tricas de laboratorio (pruebas simuladas). Estas herramientas ayudan a los propietarios de sitios a realizar un seguimiento del rendimiento de Core Web Vitals e identificar \u00e1reas de mejora.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Herramientas de campo<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Los datos de campo, tambi\u00e9n conocidos como monitoreo de usuario real (RUM), reflejan la experiencia de navegaci\u00f3n de los usuarios reales<\/strong> . Tiene en cuenta usuarios reales, varios dispositivos, diferentes conexiones de red y datos hist\u00f3ricos. El resultado se agrega para el dominio completo o por URL.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ten en cuenta que <strong>Google est\u00e1 utilizando datos de campo para clasificar tu sitio.<\/strong> Por lo tanto, si quieres inspeccionar tu experiencia de usuario real, debes usar herramientas de campo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/search.google.com\/search-console\/welcome\" target=\"_blank\" rel=\"noopener\"><strong>Google Search Console<\/strong><\/a><strong> (GSC)<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Google Search Console<\/strong> ofrece un informe Core Web Vitals que muestra el rendimiento de tu sitio en dispositivos m\u00f3viles y de escritorio. Destaca las p\u00e1ginas afectadas y las agrupa por rendimiento: <strong>Bueno<\/strong> , <strong>Mejorable<\/strong>, o <strong>Malo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/7_Google_Search_Console-1024x497.jpg\" alt=\"\" class=\"wp-image-17586\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\"><strong>PageSpeed Insights<\/strong><\/a><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.siteground.es\/kb\/guia-de-google-pagespeed-insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> analiza p\u00e1ginas web individuales y proporciona informaci\u00f3n detallada sobre su rendimiento Core Web Vitals. Ofrece sugerencias para mejorar la velocidad de la p\u00e1gina y el rendimiento del sitio.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/8_pagespeed-insight-core-web-vitals-1024x628.jpg\" alt=\"\" class=\"wp-image-17587\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Deber\u00edas mirar las puntuaciones tanto en ordenador como en m\u00f3vil <strong>,<\/strong> ya que pueden diferir. En la parte superior del informe, PageSpeed Insights indica claramente si tu p\u00e1gina cumple con los umbrales para una buena experiencia basada en los Core Web Vitals del sitio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noopener\"><strong>Informe de Chrome UX<\/strong><\/a><strong> (CrUX)<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong>Informe de experiencia de usuario de Chrome (CrUX) proporciona datos de rendimiento del mundo real de los usuarios de Chrome<\/strong> . Muestra c\u00f3mo los usuarios experimentan tu sitio tanto en dispositivos m\u00f3viles como de escritorio. El Informe de Chrome UX se centra en el rendimiento de carga del sitio web. Mide Core Web Vitals, m\u00e9tricas como Time to First Byte (TTFB) y m\u00e1s.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noopener\"><strong>Extensi\u00f3n de Chrome de Web Vitals<\/strong><\/a><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La extensi\u00f3n Web Vitals te permite rastrear Core Web Vitals directamente en tu navegador Chrome mientras navegas por tu sitio. Es una herramienta gratuita que proporciona informaci\u00f3n instant\u00e1nea sobre las m\u00e9tricas de Core Web Vitals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/9_Web_Vitals_Chrome_Extention-1024x433.jpg\" alt=\"\" class=\"wp-image-17588\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener\">Web.dev<\/a><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Web.dev ofrece una herramienta de medici\u00f3n gratuita para realizar una auditor\u00eda de rendimiento en tu sitio. Adem\u00e1s, puedes comprobar el rendimiento de tu sitio en diferentes \u00e1reas y <strong>obtener consejos sobre c\u00f3mo mejorar m\u00e9tricas como el rendimiento del sitio, el estado progresivo de la aplicaci\u00f3n web, la accesibilidad, el uso de las mejores pr\u00e1cticas y el SEO<\/strong> . Tambi\u00e9n es compatible con las m\u00e9tricas de Core Web Vitals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Herramientas de laboratorio<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esto se refiere a realizar pruebas en un entorno controlado y ver c\u00f3mo un usuario potencial experimentar\u00e1 tu sitio web. A diferencia de las herramientas de campo, las herramientas de <strong>laboratorio funcionan con datos simulados<\/strong> , con dispositivos predefinidos y especificaciones de red. Son \u00fatiles para reproducir y depurar posibles problemas de rendimiento del sitio web, pero no te dan informaci\u00f3n real sobre la experiencia del usuario.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=en\" data-type=\"URL\" data-id=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=en\" target=\"_blank\" rel=\"noopener\">Lighthouse<\/a><\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse es una herramienta de auditor\u00eda de sitios web automatizada y de c\u00f3digo abierto que ayuda a los desarrolladores a diagnosticar problemas y mejorar la calidad de las p\u00e1ginas web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/10_Web_dev-1024x458.jpg\" alt=\"\" class=\"wp-image-17589\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/11_Lighthouse-1024x479.jpg\" alt=\"\" class=\"wp-image-17592\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Una herramienta de laboratorio como Lighthouse no puede medir Interaction to Next Paint (INP), porque requiere la interacci\u00f3n real del usuario.<\/strong> Sin embargo, puedes monitorizar el <strong>tiempo total de bloqueo<\/strong> (TBT), que mide la cantidad de tiempo total entre el primer proceso de contenido y el tiempo de interacci\u00f3n. Al mejorar tu TBT, lo m\u00e1s probable es que tambi\u00e9n mejores tu INP.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener\"><strong>WebPageTest.org<\/strong><\/a><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Esta es una herramienta gratuita de c\u00f3digo abierto que mide el rendimiento de la velocidad de tu sitio. Carga tu p\u00e1gina en un navegador real, ayud\u00e1ndote a identificar secciones espec\u00edficas del sitio que necesitan m\u00e1s tiempo para cargar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"201\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/12_WebPageTest-1024x201.jpg\" alt=\"\" class=\"wp-image-17591\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Panel de rendimiento de Chrome DevTools<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Con <strong>Chrome DevTools<\/strong> , tienes la opci\u00f3n Performance <strong>,<\/strong> que incluye Core Web Vitals. El panel Rendimiento tambi\u00e9n tiene una secci\u00f3n <strong>Experiencia<\/strong> donde puedes detectar cambios de dise\u00f1o inesperados. Por lo tanto, puedes identificar y arreglar cualquier inestabilidad visual y mejorar tu m\u00e9trica de Cumulative Layout Shift. Para acceder al panel de rendimiento de Chrome DevTools, abre <strong>Google Chrome<\/strong> (usa el modo inc\u00f3gnito para que no haya cach\u00e9 del navegador) y presiona <strong>Comando + Opci\u00f3n + I (Mac)<\/strong> o <strong>Control + Shift + I (Windows, Linux)<\/strong> para abrir <strong>DevTools<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"915\" src=\"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2024\/10\/13_Chrome_DevTools-1024x915.jpg\" alt=\"\" class=\"wp-image-17590\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Selecciona el <strong>Layout Shift<\/strong> para ver sus detalles en la pesta\u00f1a <strong>Summary<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ten en cuenta que dependiendo de la herramienta que uses (basada en datos de campo o laboratorio), las m\u00e9tricas de Core Web Vitals pueden mostrar resultados diferentes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"como-mejorar-core-web-vitals\"><\/span><strong>C\u00f3mo mejorar Core Web Vitals<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La buena noticia es que la mayor\u00eda de los consejos para mejorar tu Core Web Vitals ya son parte de las buenas pr\u00e1cticas para optimizar el rendimiento del sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo mejorar la pintura con contenido m\u00e1s grande (LCP)<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Habilitar cach\u00e9 de p\u00e1gina completa<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando habilitas la cach\u00e9 de p\u00e1gina completa, las p\u00e1ginas de tu sitio se almacenar\u00e1n en el servidor despu\u00e9s de la primera vez que se cargan. Solo el primer visitante cargar\u00e1 el contenido completo de la p\u00e1gina desde la base de datos. Todo lo dem\u00e1s obtendr\u00e1 la p\u00e1gina directamente desde la memoria del servidor, haciendo que tu sitio sea mucho m\u00e1s r\u00e1pido y, en \u00faltima instancia, mejorando tu m\u00e9trica LCP.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los usuarios de SiteGround se benefician de nuestra soluci\u00f3n \u00fanica de cach\u00e9 de p\u00e1gina completa, llamada <strong>Cach\u00e9 din\u00e1mica<\/strong> , habilitada para todos los sitios por defecto. Dependiendo del sitio web, podemos ver una mejora de <a href=\"https:\/\/newblog.siteground.com\/es\/supercacher-para-todos\/\" data-type=\"post\" data-id=\"12774\" target=\"_blank\" rel=\"noopener\">5 veces mayor en la velocidad con la cach\u00e9 din\u00e1mica<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Elige un hosting r\u00e1pido y fiable<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Una de las razones m\u00e1s comunes para un mal LCP es un tiempo de respuesta lento del servidor<\/strong> . Primero, revisa tu Tiempo hasta el Primer Byte (TTFB) &#8211; cu\u00e1nto tarda el navegador en recibir el primer byte del contenido del servidor. <strong>Cuanto m\u00e1s r\u00e1pido responda tu servidor, mejor funcionar\u00e1 tu sitio web.<\/strong>&nbsp;<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">SiteGround ofrece un entorno de alojamiento altamente optimizado, con la tecnolog\u00eda de Google Cloud. Implementamos un PHP ultrarr\u00e1pido \u00fanico, una configuraci\u00f3n de base de datos MySQL personalizada y un sistema de defensa s\u00f3lido contra amenazas potenciales.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Usa un CDN<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s del servidor que aloja tu sitio, puedes usar una <strong>red de entrega de contenido<\/strong><a href=\"https:\/\/newblog.siteground.com\/es\/redes-de-distribucion-de-contenido-y-siteground-cdn-preguntas-frecuentes-del-webinar-video\/\" data-type=\"post\" data-id=\"14031\"> <strong>(CDN)<\/strong><\/a> para acelerar el tiempo de carga de todos tus visitantes. <strong>El CDN almacenar\u00e1 en cach\u00e9 tu contenido a trav\u00e9s de una<\/strong><a href=\"https:\/\/www.siteground.com\/datacenters\"> <strong>red global de servidores<\/strong><\/a> <strong>y cargar\u00e1 tu sitio web desde el m\u00e1s cercano al visitante<\/strong> , mejorando as\u00ed su experiencia con tu p\u00e1gina.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SiteGround ha desarrollado su propia infraestructura CDN para aumentar el rendimiento y la seguridad del sitio web para todos sus usuarios.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Optimizar im\u00e1genes<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">La optimizaci\u00f3n de im\u00e1genes <strong>mejorar\u00e1 tu puntuaci\u00f3n de Largest Contentful Paint,<\/strong> ya que a menudo son los elementos m\u00e1s grandes de la p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siempre comprima sus im\u00e1genes y esc\u00e1lelas correctamente. Se recomienda servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n como<a href=\"https:\/\/www.siteground.es\/kb\/que-es-webp\/\" data-type=\"URL\" data-id=\"https:\/\/www.siteground.es\/kb\/que-es-webp\/\"> <strong>WebP<\/strong><\/a> , para mejorar el rendimiento.\u00a0<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Una forma efectiva de optimizar tus medios es aprovechar nuestro plugin Speed Optimizer. Tiene caracter\u00edsticas para la optimizaci\u00f3n de medios tales como compresi\u00f3n de im\u00e1genes, conversi\u00f3n a formato WebP y carga diferida de medios.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Optimizar JavaScript y CSS<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Reducir el CSS y JavaScript que ralentizan la carga de la p\u00e1gina puede mejorar tu puntuaci\u00f3n general de Core Web Vital y la interacci\u00f3n del usuario.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Defer JavaScript<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Mientras el navegador est\u00e1 cargando JavaScript, los usuarios no pueden interactuar con la p\u00e1gina web. Es por eso que a veces puedes ver el t\u00e9rmino &#8220;JavaScript bloqueador de renderizado&#8221;. <strong>Diferir tu JavaScrips significa que el navegador procesar\u00e1 y cargar\u00e1 los archivos JS solo despu\u00e9s de analizar el documento HTML<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En otras palabras, renderizar tu sitio web ser\u00e1 mucho m\u00e1s r\u00e1pido porque no habr\u00e1 nada que bloquee el proceso.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Minificar archivos CSS y JS<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Para facilitar la lectura, los desarrolladores a menudo dejan caracteres como espacio, sangr\u00eda o comentarios en los archivos CSS y JS. Sin embargo, todos estos caracteres en el c\u00f3digo no son esenciales para el navegador.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La minificaci\u00f3n optimiza tu c\u00f3digo eliminando cualquier car\u00e1cter innecesario, lo que resulta en un tiempo de renderizado mejorado y sitios web m\u00e1s r\u00e1pidos<\/strong> .<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo mejorar la interacci\u00f3n con Next Paint (INP)<\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Eliminar elementos de p\u00e1gina grandes y tareas largas<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Reducir las tareas largas evita retrasos en la respuesta a las interacciones del usuario. Una tarea larga se refiere a cualquier pieza de c\u00f3digo JavaScript que tarda m\u00e1s de 50 milisegundos en ejecutarse.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Los elementos de p\u00e1gina grandes como videos o im\u00e1genes de fondo pueden ralentizar la ejecuci\u00f3n del c\u00f3digo y afectar el INP.<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En lugar de usar una imagen de alta resoluci\u00f3n para el fondo (por ejemplo, un JPEG de 4MB), considera emplear una imagen optimizada en formato WebP que reduzca significativamente el tama\u00f1o del archivo (por ejemplo, 400KB). De manera similar, los videos pueden cargarse de forma diferida o reemplazarse por im\u00e1genes est\u00e1ticas para la carga inicial, aplazando el contenido multimedia pesado hasta despu\u00e9s de la interacci\u00f3n del usuario<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Usar Web Workers<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">El uso de Web Workers permite que las tareas pesadas se ejecuten en segundo plano, evitando que bloqueen el hilo principal. <strong>Esto reduce los retrasos en la entrada del usuario y la carga de la p\u00e1gina, optimizando la puntuaci\u00f3n INP<\/strong> y el rendimiento general.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En lugar de tener tareas grandes que se ejecutan directamente en el hilo principal del navegador (causando que la p\u00e1gina se congele), el procesamiento se puede descargar a un Web Worker. Esto permite al usuario continuar interactuando con el sitio sin ning\u00fan retraso notable, mientras se completa la tarea en segundo plano.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Optimizar controladores de eventos<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Los <strong>controladores de eventos optimizados reducen el retraso de entrada y mejoran la velocidad del sitio<\/strong> , lo que contribuye a mejores m\u00e9tricas de Core Web Vitals.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, cuando un usuario hace clic en un bot\u00f3n, el controlador de eventos primero registra el clic del bot\u00f3n y difiere el c\u00e1lculo a un momento menos cr\u00edtico cuando el hilo principal del navegador est\u00e1 inactivo. Esto asegura que la interacci\u00f3n sea fluida y que el usuario no experimente retrasos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Reducir scripts de terceros<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Se recomienda encarecidamente eliminar cualquier script de terceros que no aporte ning\u00fan valor claro. Si tu sitio incluye m\u00faltiples scripts de terceros para an\u00e1lisis, anuncios o widgets de redes sociales, eval\u00faa si son necesarios. Eliminar scripts no esenciales, como un widget de chat redundante o un rastreador de anuncios que no se usa para tu audiencia principal, puede mejorar significativamente tanto tu puntuaci\u00f3n de Largest Contentful Paint (LCP) como Interaction to Next Paint (INP).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>C\u00f3mo mejorar el cambio acumulativo de dise\u00f1o (CLS)<\/strong><\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Establecer atributos de tama\u00f1o<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Establecer las dimensiones del atributo de tama\u00f1o le dir\u00e1 al navegador del usuario exactamente cu\u00e1nto espacio necesita ese elemento. Vamos a usar un elemento de imagen como ejemplo.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si no estableces los atributos de ancho y alto para una imagen, el navegador no sabr\u00e1 el tama\u00f1o exacto que ocupar\u00e1 esta imagen hasta que se cargue por completo, lo que puede causar un cambio de dise\u00f1o.&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"image.jpg\" width=\"600\" height=\"400\" alt=\"A scenic view of mountains\"&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Al especificar el ancho y alto, permites que el navegador calcule la relaci\u00f3n de aspecto de la imagen y reserve espacio apropiado para ello. Esto minimizar\u00e1 los turnos de dise\u00f1o acumulativos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Precargar fuentes<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Las fuentes mejoran la legibilidad de tu p\u00e1gina y transmiten tu imagen de marca.<\/strong> Sin embargo, cada fuente que usas es un recurso adicional que puede ralentizar tu sitio web. Se recomienda precargar las fuentes para evitar cambios de dise\u00f1o y destellos de texto invisible.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para precargar fuentes, usas la etiqueta en el de tu documento HTML. Debes especificar el <strong>atributo as=&#8221;font&#8221;<\/strong> e incluir <strong>crossorigin<\/strong> si la fuente se carga desde una fuente externa (como un CDN).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al hacer esto, mejorar\u00e1s tu CLS metric score.&nbsp;<\/p>\n\n\n\n<div class=\"post-page__colored-blocks post-page__colored-blocks--update\"><p class=\"text text--size-medium color-darkest\">Nuestro plugin Speed Optimizer tambi\u00e9n est\u00e1 desarrollado para ayudarte en esa \u00e1rea. Nuestra funcionalidad dedicada de optimizaci\u00f3n de fuentes web mejora el tiempo de renderizado, lo que resulta en un mejor rendimiento del sitio.<\/p><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Reservar espacio para anuncios<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Los anuncios tienen una naturaleza din\u00e1mica que puede llevar a cambios de dise\u00f1o inesperados. Esto puede tener un efecto negativo en tu puntuaci\u00f3n CLS. Si no reservas suficiente espacio para los anuncios en tu sitio, pueden aparecer inesperadamente y arruinar la experiencia del usuario.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Usar CSS transform para animaciones<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Los <strong>cambios de dise\u00f1o<\/strong> durante las animaciones a menudo interrumpen la experiencia del usuario y pueden afectar significativamente tu puntuaci\u00f3n de <strong>Cumulative Layout Shift (CLS)<\/strong>. Al usar la propiedad <strong>CSS transform<\/strong> para animaciones, puedes evitar que los elementos de la p\u00e1gina se muevan de forma impredecible.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las animaciones Transform, como <strong>escalar<\/strong> o <strong>traducir<\/strong> , ayudan a mantener la posici\u00f3n de otro contenido en la p\u00e1gina. Esto lleva a una experiencia m\u00e1s estable en tu sitio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Minimizar contenido inyectado din\u00e1micamente :<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">El contenido inyectado din\u00e1micamente, como anuncios, im\u00e1genes o videos que cargan despu\u00e9s de la p\u00e1gina web inicial, a menudo causa cambios de dise\u00f1o. Estos cambios pueden afectar negativamente la puntuaci\u00f3n de Cumulative Layout Shift (CLS).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Para mejorar la estabilidad visual, es importante pre-asignar espacio para el contenido cargado din\u00e1micamente.<\/strong> Existen m\u00faltiples t\u00e9cnicas para hacerlo, como configurar las dimensiones de tama\u00f1o en tu CSS, JavaScript, o usar cajas de relaci\u00f3n de aspecto o marcadores de posici\u00f3n. Puedes ver un ejemplo de c\u00f3mo configurar las dimensiones de tama\u00f1o antes de inyectar contenido din\u00e1micamente con JavaScript a continuaci\u00f3n:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"dynamic-content\" class=\"ad-container\"&gt;&lt;\/div&gt;\n\n&lt;script&gt;\n    const adContainer = document.getElementById('dynamic-content');\n    adContainer.style.width = '300px';  \/\/ Fixed width\n    adContainer.style.height = '250px'; \/\/ Fixed height\n\n    \/\/ Dynamically inject content\n    adContainer.innerHTML = '&lt;p&gt;Ad will appear here&lt;\/p&gt;';\n&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Esto minimiza el impacto en la experiencia del usuario al tiempo que mejora las m\u00e9tricas de rendimiento relacionadas con la puntuaci\u00f3n de cambio de dise\u00f1o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%c2%bfpor-que-son-importantes-los-core-web-vitals\"><\/span><strong>\u00bfPor qu\u00e9 son importantes los Core Web Vitals?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los consejos anteriores son las mejores pr\u00e1cticas recomendadas para la optimizaci\u00f3n del sitio web y tambi\u00e9n afectan positivamente las se\u00f1ales de experiencia de la p\u00e1gina medidas por el Core Web Vitals de Google.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como propietario de un sitio web, es importante comprender estas m\u00e9tricas. Esto puede ayudarte a ofrecer una experiencia de usuario positiva y mejorar tu posicionamiento en los motores de b\u00fasqueda y el rendimiento general de la p\u00e1gina web.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es importante tener en cuenta que <strong>el algoritmo de clasificaci\u00f3n de Google se actualiza continuamente<\/strong> . Monitorizar regularmente tu Core Web Vitals con herramientas como PageSpeed Insights o Search Console puede ayudarte a hacer los ajustes necesarios, incluso cuando las expectativas de los usuarios y los algoritmos de clasificaci\u00f3n de Google evolucionan. De esta manera, est\u00e1s configurando tu sitio para el \u00e9xito a largo plazo.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para obtener m\u00e1s <strong>consejos de expertos sobre la optimizaci\u00f3n de sitios web<\/strong> , puedes<a href=\"https:\/\/www.siteground.es\/ebook-wordpress?utm_source=post_core_web_vitals&amp;utm_campaign=ebookwpspeed\" target=\"_blank\" rel=\"noopener\"> descargar nuestro <strong>ebook de Optimizaci\u00f3n de velocidad de WordPress<\/strong><\/a> y aprender c\u00f3mo construir un sitio web de alto rendimiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Actualizado: octubre de 2024<\/em><\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Los tiempos de carga lentos, los elementos que no responden o los cambios de p\u00e1gina inesperados pueden frustrar a los usuarios. Es por eso que Core Web Vitals se ha vuelto esencial para optimizar tu sitio y tus posibilidades de obtener una clasificaci\u00f3n m\u00e1s alta en las b\u00fasquedas.&nbsp; Al mejorar el rendimiento de tu sitio &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":54,"featured_media":17594,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[72,102,103,165,181,224],"class_list":["post-12944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creacion-de-sitios-web","tag-cls","tag-core-web-vitals","tag-core-web-vitals-de-google","tag-fid","tag-guia-core-web-vitals","tag-lcp"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)<\/title>\n<meta name=\"description\" content=\"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: qu\u00e9 son y c\u00f3mo mejorarlos [Gu\u00eda completa]\" \/>\n<meta property=\"og:description\" content=\"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/siteground\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-28T16:52:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-05T10:30:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2021\/05\/0_main_image_1200x600.jpg\" \/>\n<meta name=\"author\" content=\"Nikola Knezhevich\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Core Web Vitals: qu\u00e9 son y c\u00f3mo mejorarlos [Gu\u00eda completa]\" \/>\n<meta name=\"twitter:description\" content=\"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.\" \/>\n<meta name=\"twitter:creator\" content=\"@siteground\" \/>\n<meta name=\"twitter:site\" content=\"@siteground\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nikola Knezhevich\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"34 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/\"},\"author\":{\"name\":\"Nikola Knezhevich\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#\\\/schema\\\/person\\\/d8bd0bf60fd4c77f35eba470a6fae3ad\"},\"headline\":\"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)\",\"datePublished\":\"2021-05-28T16:52:59+00:00\",\"dateModified\":\"2026-10-05T10:30:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/\"},\"wordCount\":3507,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2021\\\/05\\\/0_main_image_1200x600.jpg\",\"keywords\":[\"CLS\",\"Core Web Vitals\",\"Core Web Vitals de Google\",\"FID\",\"gu\u00eda core web vitals\",\"LCP\"],\"articleSection\":[\"Creacion de sitios web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/\",\"name\":\"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2021\\\/05\\\/0_main_image_1200x600.jpg\",\"datePublished\":\"2021-05-28T16:52:59+00:00\",\"dateModified\":\"2026-10-05T10:30:03+00:00\",\"description\":\"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2021\\\/05\\\/0_main_image_1200x600.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2021\\\/05\\\/0_main_image_1200x600.jpg\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/core-web-vitals-guia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/\",\"name\":\"SiteGround Academia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#organization\",\"name\":\"SiteGround Espa\u00f1a\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/01\\\/Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2025\\\/01\\\/Siteground-Logo-on-white.jpg\",\"width\":1200,\"height\":400,\"caption\":\"SiteGround Espa\u00f1a\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/siteground\",\"https:\\\/\\\/x.com\\\/siteground\",\"https:\\\/\\\/www.instagram.com\\\/siteground\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@siteground\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/#\\\/schema\\\/person\\\/d8bd0bf60fd4c77f35eba470a6fae3ad\",\"name\":\"Nikola Knezhevich\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g\",\"caption\":\"Nikola Knezhevich\"},\"sameAs\":[\"https:\\\/\\\/bg.linkedin.com\\\/in\\\/n-knezhevich\"],\"knowsAbout\":[\"SEO\",\"AI\"],\"knowsLanguage\":[\"English\",\"Serbian\",\"Russian\"],\"jobTitle\":\"SEO Team Lead\",\"worksFor\":\"SiteGround\",\"url\":\"https:\\\/\\\/academy.siteground.com\\\/es\\\/author\\\/nikolaknezhevich\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)","description":"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals: qu\u00e9 son y c\u00f3mo mejorarlos [Gu\u00eda completa]","og_description":"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.","og_url":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/","og_site_name":"SiteGround","article_publisher":"https:\/\/www.facebook.com\/siteground","article_published_time":"2021-05-28T16:52:59+00:00","article_modified_time":"2026-10-05T10:30:03+00:00","og_image":[{"url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2021\/05\/0_main_image_1200x600.jpg","type":"","width":"","height":""}],"author":"Nikola Knezhevich","twitter_card":"summary_large_image","twitter_title":"Core Web Vitals: qu\u00e9 son y c\u00f3mo mejorarlos [Gu\u00eda completa]","twitter_description":"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.","twitter_creator":"@siteground","twitter_site":"@siteground","twitter_misc":{"Written by":"Nikola Knezhevich","Est. reading time":"34 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#article","isPartOf":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/"},"author":{"name":"Nikola Knezhevich","@id":"https:\/\/academy.siteground.com\/es\/#\/schema\/person\/d8bd0bf60fd4c77f35eba470a6fae3ad"},"headline":"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)","datePublished":"2021-05-28T16:52:59+00:00","dateModified":"2026-10-05T10:30:03+00:00","mainEntityOfPage":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/"},"wordCount":3507,"commentCount":0,"publisher":{"@id":"https:\/\/academy.siteground.com\/es\/#organization"},"image":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#primaryimage"},"thumbnailUrl":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","keywords":["CLS","Core Web Vitals","Core Web Vitals de Google","FID","gu\u00eda core web vitals","LCP"],"articleSection":["Creacion de sitios web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/","url":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/","name":"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)","isPartOf":{"@id":"https:\/\/academy.siteground.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#primaryimage"},"image":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#primaryimage"},"thumbnailUrl":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","datePublished":"2021-05-28T16:52:59+00:00","dateModified":"2026-10-05T10:30:03+00:00","description":"Core Web Vitals son las nuevas m\u00e9tricas unificadas dentro de las se\u00f1ales de Page Experience de Google para medir y mejorar la experiencia del usuario.","breadcrumb":{"@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#primaryimage","url":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","contentUrl":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2021\/05\/0_main_image_1200x600.jpg","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/academy.siteground.com\/es\/core-web-vitals-guia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/academy.siteground.com\/es\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: Qu\u00e9 son y c\u00f3mo mejorarlos (Gu\u00eda)"}]},{"@type":"WebSite","@id":"https:\/\/academy.siteground.com\/es\/#website","url":"https:\/\/academy.siteground.com\/es\/","name":"SiteGround Academia","description":"","publisher":{"@id":"https:\/\/academy.siteground.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.siteground.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/academy.siteground.com\/es\/#organization","name":"SiteGround Espa\u00f1a","url":"https:\/\/academy.siteground.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/academy.siteground.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2025\/01\/Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/academy.siteground.com\/es\/wp-content\/uploads\/sites\/3\/2025\/01\/Siteground-Logo-on-white.jpg","width":1200,"height":400,"caption":"SiteGround Espa\u00f1a"},"image":{"@id":"https:\/\/academy.siteground.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/siteground","https:\/\/x.com\/siteground","https:\/\/www.instagram.com\/siteground\/","https:\/\/www.youtube.com\/@siteground"]},{"@type":"Person","@id":"https:\/\/academy.siteground.com\/es\/#\/schema\/person\/d8bd0bf60fd4c77f35eba470a6fae3ad","name":"Nikola Knezhevich","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/208445aaa2a056a63d9e2c0e73becf6474ccf2b2614abcd76561623c6aaf6177?s=96&d=mm&r=g","caption":"Nikola Knezhevich"},"sameAs":["https:\/\/bg.linkedin.com\/in\/n-knezhevich"],"knowsAbout":["SEO","AI"],"knowsLanguage":["English","Serbian","Russian"],"jobTitle":"SEO Team Lead","worksFor":"SiteGround","url":"https:\/\/academy.siteground.com\/es\/author\/nikolaknezhevich\/"}]}},"_links":{"self":[{"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/posts\/12944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/comments?post=12944"}],"version-history":[{"count":3,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/posts\/12944\/revisions"}],"predecessor-version":[{"id":19475,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/posts\/12944\/revisions\/19475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/media\/17594"}],"wp:attachment":[{"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/media?parent=12944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/categories?post=12944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.siteground.com\/es\/wp-json\/wp\/v2\/tags?post=12944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}