{"id":3660,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"modified":"2026-11-11T07:57:45","modified_gmt":"2026-11-11T07:57:45","slug":"what-are-core-web-vitals-how-they-impact-site-speed-es","status":"publish","type":"post","link":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"\u00bfQu\u00e9 son las Core Web Vitals y c\u00f3mo afectan a la velocidad del sitio?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3660\" class=\"elementor elementor-3660\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13572 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13572\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46438 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"fb46438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;No se encontraron encabezados en esta p\\u00e1gina.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\t\u00cdndice de contenidos\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__fb46438\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1872cac e-flex e-con-boxed e-con e-parent\" data-id=\"1872cac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb80fd elementor-widget elementor-widget-text-editor\" data-id=\"2cb80fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>El rendimiento de un sitio web va m\u00e1s all\u00e1 de la rapidez con la que carga una p\u00e1gina. Aunque tu contenido aparezca en cuesti\u00f3n de segundos, unos botones que responden con lentitud o unos cambios inesperados en el dise\u00f1o pueden frustrar a los visitantes y afectar a su experiencia. Entonces, \u00bfc\u00f3mo puedes saber si tu sitio web funciona bien? Las Core Web Vitals son las m\u00e9tricas de rendimiento clave de Google que miden la velocidad de carga, la interactividad y la estabilidad visual. En esta gu\u00eda conocer\u00e1s las tres m\u00e9tricas de las Core Web Vitals, sus umbrales recomendados y las herramientas que puedes utilizar para medir y mejorar el rendimiento de tu sitio web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-664621b e-flex e-con-boxed e-con e-parent\" data-id=\"664621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31dc3da elementor-widget elementor-widget-text-editor\" data-id=\"31dc3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfQu\u00e9 son las Core Web Vitals?<\/h2><p>Las Core Web Vitals son un conjunto de m\u00e9tricas de rendimiento introducidas por Google para medir aspectos importantes de la experiencia del usuario en un sitio web. Estas m\u00e9tricas se centran en tres factores principales: el rendimiento de carga, la interactividad y la estabilidad visual. En otras palabras, ayudan a los propietarios de sitios web a entender con qu\u00e9 rapidez carga una p\u00e1gina, con qu\u00e9 fluidez pueden interactuar los usuarios con ella y si su contenido se mantiene estable mientras se carga.<\/p><p>El rendimiento de un sitio web no depende solo de la rapidez con la que se abre una p\u00e1gina. Un sitio puede cargar su contenido en poco tiempo, pero si los usuarios tienen que esperar para poder hacer clic en un bot\u00f3n o si el dise\u00f1o de la p\u00e1gina cambia de forma inesperada, la experiencia general puede seguir siendo deficiente. Las Core Web Vitals ayudan a identificar estos problemas y ofrecen objetivos medibles para mejorar el rendimiento del sitio web.<\/p><p>Actualmente, Google utiliza tres m\u00e9tricas de Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) y Cumulative Layout Shift (CLS). Cada m\u00e9trica mide una parte distinta de la experiencia del usuario, por lo que mejorar una de ellas no implica necesariamente que las otras dos tambi\u00e9n mejoren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603a3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"603a3e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab792 elementor-widget elementor-widget-text-editor\" data-id=\"ffab792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfPor qu\u00e9 son importantes las Core Web Vitals?<\/h2><p>Un sitio web debe ofrecer una experiencia fluida y fiable a sus visitantes. Cuando una p\u00e1gina tarda demasiado en cargar, los usuarios pueden abandonarla antes de acceder a la informaci\u00f3n que necesitan. Del mismo modo, si los botones responden con lentitud o los elementos de la p\u00e1gina se mueven de forma inesperada, los visitantes pueden frustrarse y tener dificultades para completar sus tareas.<\/p><p>Las Core Web Vitals ayudan a los propietarios de sitios web a identificar estos problemas mediante datos de rendimiento medibles, en lugar de basarse \u00fanicamente en impresiones personales. Por ejemplo, un desarrollador puede probar un sitio web en un ordenador potente y comprobar que carga r\u00e1pidamente. Sin embargo, los visitantes que utilizan dispositivos m\u00f3viles m\u00e1s antiguos o conexiones a Internet m\u00e1s lentas pueden experimentar tiempos de carga mucho mayores.<\/p><p>Estas diferencias hacen que la supervisi\u00f3n del rendimiento sea importante. Al analizar los datos de las Core Web Vitals, los desarrolladores pueden identificar qu\u00e9 partes de un sitio web necesitan mejoras y determinar si sus esfuerzos de optimizaci\u00f3n est\u00e1n dando los resultados esperados.<\/p><p>Las Core Web Vitals tambi\u00e9n son relevantes para el posicionamiento en buscadores (SEO). Google utiliza se\u00f1ales de experiencia de p\u00e1gina en sus sistemas de clasificaci\u00f3n, pero obtener buenas puntuaciones en las Core Web Vitals no garantiza un mejor posicionamiento. El contenido relevante y muchos otros factores siguen siendo importantes. Por lo tanto, mejorar estas m\u00e9tricas debe considerarse parte de una estrategia m\u00e1s amplia para crear un sitio web \u00fatil, accesible y fiable.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-598ac2f e-flex e-con-boxed e-con e-parent\" data-id=\"598ac2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-def6c44 elementor-widget elementor-widget-text-editor\" data-id=\"def6c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfCu\u00e1les son las tres m\u00e9tricas de las Core Web Vitals?<\/h2><p>Cada m\u00e9trica de las Core Web Vitals se centra en un aspecto concreto del rendimiento de un sitio web. Entender c\u00f3mo funcionan facilita la identificaci\u00f3n de problemas de rendimiento y la elecci\u00f3n de las t\u00e9cnicas de optimizaci\u00f3n adecuadas.<\/p><ul><li><h3>\u00bfQu\u00e9 es Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Largest Contentful Paint (LCP) mide cu\u00e1nto tarda en aparecer la imagen o el bloque de texto m\u00e1s grande visible en la ventana gr\u00e1fica inicial. Esta m\u00e9trica ayuda a estimar en qu\u00e9 momento el contenido principal de una p\u00e1gina se vuelve visible para el usuario.<\/p><p style=\"padding-left: 40px;\">Por ejemplo, imagina que un visitante abre un art\u00edculo de un blog. El fondo de la p\u00e1gina y el men\u00fa de navegaci\u00f3n pueden aparecer casi de inmediato, pero el encabezado principal o la imagen destacada pueden tardar varios segundos en cargarse. En esta situaci\u00f3n, el visitante puede tener la sensaci\u00f3n de que la p\u00e1gina sigue cargando, aunque algunos de sus elementos ya sean visibles. Una buena puntuaci\u00f3n de LCP debe ser de 2,5 segundos o menos. Si el valor se sit\u00faa entre 2,5 y 4 segundos, la p\u00e1gina necesita mejoras. Un valor de LCP superior a 4 segundos se considera deficiente.<\/p><p style=\"padding-left: 40px;\">Varios factores pueden afectar al LCP, como los tiempos de respuesta lentos del servidor, las im\u00e1genes de gran tama\u00f1o, el CSS y el JavaScript que bloquean el renderizado y los retrasos en la detecci\u00f3n del contenido principal.<\/p><p style=\"padding-left: 40px;\">Para mejorar el LCP, los propietarios de sitios web pueden seguir estos pasos:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Optimizar las im\u00e1genes:<\/span> reduce el tama\u00f1o de los archivos de imagen y utiliza formatos modernos como WebP o AVIF cuando sea apropiado.<\/li><li><span style=\"color: #a26f9a;\">Mejorar los tiempos de respuesta del servidor:<\/span> utiliza recursos de alojamiento eficientes, cach\u00e9 y una red de distribuci\u00f3n de contenidos (CDN) cuando sean adecuados para el sitio web.<\/li><li><span style=\"color: #a26f9a;\">Priorizar el contenido principal:<\/span> aseg\u00farate de que el navegador pueda detectar las im\u00e1genes importantes directamente desde el c\u00f3digo HTML y prioriza su carga cuando sea necesario.<\/li><li><span style=\"color: #a26f9a;\">Reducir los recursos que bloquean el renderizado:<\/span> optimiza los archivos CSS y JavaScript que impiden que el navegador muestre el contenido principal.<\/li><li><span style=\"color: #a26f9a;\">Evitar la carga diferida (lazy loading) de la imagen LCP:<\/span> si es probable que una imagen sea el elemento LCP, retrasar su carga puede hacer que la p\u00e1gina parezca m\u00e1s lenta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Estas t\u00e9cnicas pueden reducir el tiempo que los usuarios esperan a que aparezca el contenido principal. Sin embargo, la soluci\u00f3n m\u00e1s eficaz depende de la causa del retraso, por lo que es importante medir la p\u00e1gina antes de realizar cambios.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d4bab e-flex e-con-boxed e-con e-parent\" data-id=\"41d4bab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc39543 elementor-widget elementor-widget-text-editor\" data-id=\"fc39543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>\u00bfQu\u00e9 es Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Interaction to Next Paint (INP) mide la capacidad de respuesta que percibe el usuario al interactuar con un sitio web. Eval\u00faa el retraso entre una interacci\u00f3n del usuario, como hacer clic en un bot\u00f3n o pulsar una tecla, y la siguiente actualizaci\u00f3n visual que muestra el navegador.<\/p><p style=\"padding-left: 40px;\">Piensa en una tienda online en la que un visitante hace clic en el bot\u00f3n A\u00f1adir al carrito. Si el navegador tarda un tiempo apreciable en actualizar el carrito, el visitante puede pensar que el bot\u00f3n no ha funcionado y volver a hacer clic. Esto puede generar confusi\u00f3n e incluso provocar acciones duplicadas.<\/p><p style=\"padding-left: 40px;\">INP ayuda a identificar este tipo de problemas midiendo la capacidad de respuesta de una p\u00e1gina durante toda la visita del usuario. A diferencia de First Input Delay (FID), que solo med\u00eda el retraso antes de que el navegador empezara a procesar la primera interacci\u00f3n, INP tiene en cuenta la experiencia de interacci\u00f3n en su conjunto a lo largo de toda la vida de la p\u00e1gina. Una buena puntuaci\u00f3n de INP es de 200 milisegundos o menos. Los valores superiores a 200 milisegundos y de hasta 500 milisegundos necesitan mejoras, mientras que los valores por encima de 500 milisegundos se consideran deficientes.<\/p><p style=\"padding-left: 40px;\">JavaScript es una causa habitual de un INP deficiente, ya que es posible que el navegador tenga que ejecutar scripts antes de poder responder a la acci\u00f3n del usuario y mostrar una actualizaci\u00f3n. Las tareas de larga duraci\u00f3n pueden impedir que el navegador procese las interacciones con rapidez.<\/p><p style=\"padding-left: 40px;\">Para mejorar el INP, los desarrolladores pueden utilizar varias t\u00e9cnicas:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Reducir el JavaScript innecesario:<\/span> elimina el c\u00f3digo que no se utiliza y evita cargar scripts que no sean necesarios para la p\u00e1gina actual.<\/li><li><span style=\"color: #a26f9a;\">Dividir las tareas largas:<\/span> divide las tareas grandes de JavaScript en tareas m\u00e1s peque\u00f1as para que el navegador tenga m\u00e1s oportunidades de procesar las interacciones del usuario.<\/li><li><span style=\"color: #a26f9a;\">Optimizar los controladores de eventos:<\/span> mant\u00e9n las funciones relacionadas con las interacciones lo m\u00e1s sencillas y eficientes posible.<\/li><li><span style=\"color: #a26f9a;\">Evitar actualizaciones innecesarias del DOM:<\/span> actualizar demasiados elementos a la vez puede aumentar el tiempo de renderizado y retrasar la siguiente actualizaci\u00f3n visual.<\/li><li><span style=\"color: #a26f9a;\">Reducir los scripts de terceros:<\/span> las herramientas de anal\u00edtica, los scripts publicitarios y los servicios integrados pueden consumir recursos de procesamiento y afectar a la capacidad de respuesta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Mejorar el INP no consiste solo en reducir el tama\u00f1o total de los archivos JavaScript. Los desarrolladores tambi\u00e9n necesitan entender cu\u00e1ndo se ejecutan los scripts y cu\u00e1nto trabajo debe realizar el navegador despu\u00e9s de una interacci\u00f3n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d2979 e-flex e-con-boxed e-con e-parent\" data-id=\"06d2979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1a655 elementor-widget elementor-widget-text-editor\" data-id=\"6c1a655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>\u00bfQu\u00e9 es Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Cumulative Layout Shift (CLS) mide la estabilidad visual de una p\u00e1gina web. Se centra en los cambios inesperados en la posici\u00f3n de los elementos visibles mientras se muestra la p\u00e1gina.<\/p><p style=\"padding-left: 40px;\">Por ejemplo, imagina que un visitante est\u00e1 leyendo un art\u00edculo y, de repente, ve que el texto se desplaza hacia abajo porque ha aparecido un anuncio encima. Si el visitante estaba a punto de hacer clic en un enlace, ese movimiento inesperado podr\u00eda hacer que pulsara otro elemento. Estos cambios de dise\u00f1o pueden dificultar el uso de un sitio web, especialmente en dispositivos m\u00f3viles, donde el \u00e1rea visible es limitada. Una buena puntuaci\u00f3n de CLS es de 0,1 o menos. Las puntuaciones superiores a 0,1 y de hasta 0,25 necesitan mejoras, mientras que las superiores a 0,25 se consideran deficientes.<\/p><p style=\"padding-left: 40px;\">Hay varios problemas habituales que pueden provocar desplazamientos inesperados del dise\u00f1o. Las im\u00e1genes sin dimensiones definidas, los anuncios insertados din\u00e1micamente, el contenido que se carga tarde y las fuentes web que cambian el aspecto del texto pueden afectar a la estabilidad visual.<\/p><p style=\"padding-left: 40px;\">Las siguientes t\u00e9cnicas pueden ayudar a mejorar el CLS:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Definir las dimensiones de las im\u00e1genes:<\/span> especifica el ancho y el alto de las im\u00e1genes o utiliza relaciones de aspecto en CSS para reservar el espacio necesario antes de que se cargue la imagen.<\/li><li><span style=\"color: #a26f9a;\">Reservar espacio para los anuncios:<\/span> asigna espacio suficiente a los contenedores de anuncios para evitar que el contenido circundante se mueva cuando aparezcan.<\/li><li><span style=\"color: #a26f9a;\">Evitar insertar contenido encima del contenido existente:<\/span> si es necesario mostrar nuevos elementos, col\u00f3calos donde no desplacen de forma inesperada el contenido que los usuarios ya est\u00e1n viendo.<\/li><li><span style=\"color: #a26f9a;\">Optimizar la carga de fuentes:<\/span> utiliza estrategias de carga de fuentes adecuadas y fuentes alternativas para reducir los cambios inesperados en la disposici\u00f3n del texto.<\/li><li><span style=\"color: #a26f9a;\">Utilizar animaciones CSS adecuadas:<\/span> siempre que sea posible, opta por animaciones basadas en propiedades como transform y opacity en lugar de propiedades que provoquen cambios de dise\u00f1o.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Es importante entender que no todos los desplazamientos de dise\u00f1o son perjudiciales. Un cambio que se produce como respuesta directa a una interacci\u00f3n del usuario puede ser esperado. CLS se centra en la inestabilidad visual inesperada y utiliza un m\u00e9todo de puntuaci\u00f3n basado en el impacto y la distancia de los desplazamientos de dise\u00f1o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003d4a2 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"003d4a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"003d4a2\" data-e-type=\"e-flexbox\" data-id=\"003d4a2\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img \" data-interaction-id=\"d66abbc\" data-e-type=\"widget\" data-id=\"d66abbc\" id=\"3537\" src=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp\" width=\"600\" height=\"517\" srcset=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp 600w, https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics-300x259.webp 300w\" alt=\"What Are the Three Core Web Vitals Metrics\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5540eed e-flex e-con-boxed e-con e-parent\" data-id=\"5540eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004b13a elementor-widget elementor-widget-text-editor\" data-id=\"004b13a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfCu\u00e1les son los umbrales recomendados de las Core Web Vitals?<\/h2><p>Google establece umbrales espec\u00edficos para ayudar a los propietarios de sitios web a determinar si sus p\u00e1ginas ofrecen una buena experiencia de usuario. Estos umbrales dividen el rendimiento en tres categor\u00edas: bueno, necesita mejoras y deficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad8e2fa e-flex e-con-boxed e-con e-parent\" data-id=\"ad8e2fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580045 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b580045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"cwv-table-wrapper\">\r\n  <table class=\"cwv-table\">\r\n    <thead>\r\n      <tr>\r\n        <th>Core Web Vital<\/th>\r\n        <th>What It Measures<\/th>\r\n        <th>Good Threshold<\/th>\r\n        <th>Needs Improvement<\/th>\r\n        <th>Poor<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td><strong>Largest Contentful Paint (LCP)<\/strong><\/td>\r\n        <td>Loading performance<\/td>\r\n        <td><span class=\"badge-good\">\u2264 2.5 seconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">2.5\u20134 seconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 4 seconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Interaction to Next Paint (INP)<\/strong><\/td>\r\n        <td>Interactivity<\/td>\r\n        <td><span class=\"badge-good\">\u2264 200 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">200\u2013500 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 500 milliseconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Cumulative Layout Shift (CLS)<\/strong><\/td>\r\n        <td>Visual stability<\/td>\r\n        <td><span class=\"badge-good\">\u2264 0.1<\/span><\/td>\r\n        <td><span class=\"badge-needs\">0.1\u20130.25<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 0.25<\/span><\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794f84f e-flex e-con-boxed e-con e-parent\" data-id=\"794f84f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2086f elementor-widget elementor-widget-text-editor\" data-id=\"4e2086f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Estos umbrales ayudan a los desarrolladores a evaluar cada m\u00e9trica por separado. Sin embargo, una sola prueba no basta para determinar si un sitio web ofrece una buena experiencia de forma constante.<\/p><p>Google recomienda evaluar las Core Web Vitals en el percentil 75 de las visitas a la p\u00e1gina, considerando por separado los resultados en m\u00f3viles y en ordenadores. Esto significa que al menos el 75 % de las visitas medidas debe alcanzar el umbral de \u00abbueno\u00bb en cada m\u00e9trica.<\/p><p>Por ejemplo, supongamos que un sitio web tiene un valor de LCP de 2 segundos en el percentil 75. Esto significa que el 75 % de las visitas medidas a la p\u00e1gina tienen un LCP de 2 segundos o menos, lo que cumple el umbral recomendado.<\/p><p>Un sitio web debe aspirar a alcanzar los umbrales de \u00abbueno\u00bb en las tres m\u00e9tricas, en lugar de centrarse \u00fanicamente en su mejor puntuaci\u00f3n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e81c451 e-flex e-con-boxed e-con e-parent\" data-id=\"e81c451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404eccc elementor-widget elementor-widget-text-editor\" data-id=\"404eccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfQu\u00e9 herramientas sirven para medir las Core Web Vitals?<\/h2><p>Las Core Web Vitals pueden medirse con varias herramientas que ofrece Google. Estas herramientas ayudan a los desarrolladores a entender el rendimiento de un sitio web e identificar los aspectos que necesitan mejoras.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">PageSpeed Insights es una de las herramientas m\u00e1s \u00fatiles para comprobar las Core Web Vitals. Proporciona tanto datos de usuarios reales, cuando est\u00e1n disponibles, como datos de laboratorio obtenidos mediante una prueba simulada. Adem\u00e1s, ofrece sugerencias para mejorar el rendimiento de la p\u00e1gina.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Google Search Console incluye un informe de Core Web Vitals que muestra qu\u00e9 grupos de p\u00e1ginas ofrecen una buena experiencia de usuario y cu\u00e1les necesitan mejoras. Utiliza datos reales para ayudar a los propietarios de sitios web a identificar problemas de rendimiento en varias p\u00e1ginas.<\/p><ul><li><h3>Chrome DevTools y Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Chrome DevTools y Lighthouse ayudan a los desarrolladores a probar el rendimiento de una p\u00e1gina en un entorno controlado. Permiten identificar problemas relacionados con la ejecuci\u00f3n de JavaScript, la carga de im\u00e1genes, los desplazamientos de dise\u00f1o y otros factores que afectan a las Core Web Vitals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304771b e-flex e-con-boxed e-con e-parent\" data-id=\"304771b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1717bca elementor-widget elementor-widget-text-editor\" data-id=\"1717bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u00bfCu\u00e1l es la diferencia entre los datos de campo y los datos de laboratorio?<\/h2><p>Las Core Web Vitals pueden evaluarse con dos tipos de datos: datos de campo y datos de laboratorio. Entender la diferencia ayuda a los desarrolladores a interpretar los resultados de las pruebas y a elegir el enfoque adecuado para mejorar el rendimiento del sitio web.<\/p><ul><li><h3>Datos de campo<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Los datos de campo se recopilan de usuarios reales mientras navegan por un sitio web. Reflejan las condiciones reales de navegaci\u00f3n, incluidos los distintos dispositivos, conexiones de red e interacciones de los usuarios.<\/p><p style=\"padding-left: 40px;\">Estos datos son especialmente \u00fatiles para saber si un sitio web cumple en situaciones reales los umbrales de Core Web Vitals recomendados por Google.<\/p><ul><li><h3>Datos de laboratorio<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Los datos de laboratorio se recopilan en un entorno de pruebas controlado mediante herramientas como Lighthouse. Ayudan a los desarrolladores a reproducir problemas de rendimiento e investigar sus posibles causas.<\/p><p style=\"padding-left: 40px;\">A diferencia de los datos de campo, los datos de laboratorio no representan todas las experiencias reales de los usuarios. Por lo tanto, un sitio web puede obtener resultados distintos en las pruebas de laboratorio y en las mediciones con usuarios reales.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9609e3a e-flex e-con-boxed e-con e-parent\" data-id=\"9609e3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd449ba elementor-widget elementor-widget-text-editor\" data-id=\"cd449ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>C\u00f3mo mejorar las Core Web Vitals<\/h2><p>Mejorar las Core Web Vitals requiere identificar los problemas que afectan a la velocidad de carga, la interactividad y la estabilidad visual. La soluci\u00f3n adecuada depende de qu\u00e9 m\u00e9trica tenga un rendimiento deficiente.<\/p><ul><li><h3>Mejorar Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Para mejorar el LCP, los desarrolladores deben centrarse en cargar lo m\u00e1s r\u00e1pido posible el elemento de contenido visible m\u00e1s grande. Entre las mejoras habituales se incluyen optimizar las im\u00e1genes, elegir un <a href=\"\/es\/webhosting\/\">servicio de alojamiento web<\/a> fiable, reducir los tiempos de respuesta del servidor, activar la cach\u00e9 y evitar retrasos innecesarios en la carga de recursos importantes.<\/p><ul><li><h3>Mejorar Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">El INP puede mejorarse reduciendo las tareas de JavaScript de larga duraci\u00f3n y minimizando el trabajo innecesario en el hilo principal. Los desarrolladores tambi\u00e9n deben optimizar los controladores de eventos y evitar que el navegador tenga que realizar demasiado trabajo despu\u00e9s de que el usuario haga clic, toque la pantalla o escriba.<\/p><ul><li><h3>Mejorar Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Para reducir el CLS, los desarrolladores deben reservar espacio para las im\u00e1genes, los v\u00eddeos, los anuncios y otros elementos antes de que se carguen. Evita insertar contenido nuevo de forma inesperada encima del contenido existente y utiliza dimensiones coherentes para los elementos visuales siempre que sea posible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c37c e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4329aff elementor-widget elementor-widget-text-editor\" data-id=\"4329aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>En conclusi\u00f3n<\/h2><p>Las Core Web Vitals ayudan a los desarrolladores a entender c\u00f3mo experimentan los usuarios un sitio web en cuanto a rendimiento de carga, interactividad y estabilidad visual. Al medir LCP, INP y CLS, los propietarios de sitios web pueden identificar problemas de rendimiento y priorizar las mejoras que hacen que sus p\u00e1ginas sean m\u00e1s f\u00e1ciles de usar.<\/p><p>La supervisi\u00f3n peri\u00f3dica, los datos de usuarios reales y una optimizaci\u00f3n espec\u00edfica pueden ayudar a los sitios web a mantener buenos resultados en las Core Web Vitals a lo largo del tiempo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7fca63 e-flex e-con-boxed e-con e-parent\" data-id=\"b7fca63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d644bb7 e-con-full e-flex e-con e-child\" data-id=\"d644bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fd715 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"36fd715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-question-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11f1edb e-con-full e-flex e-con e-child\" data-id=\"11f1edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ba42f elementor-widget elementor-widget-text-editor\" data-id=\"22ba42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Preguntas frecuentes<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7e5b5 elementor-widget elementor-widget-text-editor\" data-id=\"6c7e5b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>1. \u00bfCu\u00e1l es la diferencia entre los datos de campo y los datos de laboratorio?<\/h3><p style=\"padding-left: 40px;\">Los datos de campo proceden de usuarios reales que visitan un sitio web, mientras que los datos de laboratorio se recopilan en un entorno de pruebas controlado. Los datos de campo reflejan experiencias reales de los usuarios, mientras que los datos de laboratorio ayudan a los desarrolladores a reproducir y diagnosticar problemas de rendimiento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af90c6d elementor-widget elementor-widget-text-editor\" data-id=\"af90c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. \u00bfC\u00f3mo puedo mejorar mis puntuaciones de Core Web Vitals?<\/h3><p style=\"padding-left: 40px;\">Puedes mejorar las Core Web Vitals optimizando las im\u00e1genes, reduciendo el JavaScript innecesario, mejorando los tiempos de respuesta del servidor, activando la cach\u00e9 y evitando los desplazamientos inesperados del dise\u00f1o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>El rendimiento de un sitio web va m\u00e1s all\u00e1 de la rapidez con la que carga una p\u00e1gina. Aunque tu contenido aparezca en cuesti\u00f3n de segundos, unos botones que responden con lentitud o unos cambios inesperados en el dise\u00f1o pueden frustrar a los visitantes y afectar a su experiencia. Entonces, \u00bfc\u00f3mo puedes saber si tu [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":3520,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:site_name\" content=\"Potenting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T07:57:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"966\" \/>\n\t<meta property=\"og:image:height\" content=\"665\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nina Ash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nina Ash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"\u00bfQu\u00e9 son las Core Web Vitals y c\u00f3mo afectan a la velocidad del sitio?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2963,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"articleSection\":[\"Sin categor\u00eda\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:45+00:00\",\"description\":\"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"width\":966,\"height\":665,\"caption\":\"What Are Core Web Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/potenting.com\\\/es\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQu\u00e9 son las Core Web Vitals y c\u00f3mo afectan a la velocidad del sitio?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"name\":\"Potenting\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/potenting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\",\"name\":\"Potenting\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"width\":253,\"height\":80,\"caption\":\"Potenting\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\",\"name\":\"Nina Ash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"caption\":\"Nina Ash\"},\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/author\\\/n-ash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?","description":"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.","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:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?","og_description":"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.","og_url":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_site_name":"Potenting Blog","article_published_time":"2026-10-29T09:30:00+00:00","article_modified_time":"2026-11-11T07:57:45+00:00","og_image":[{"width":966,"height":665,"url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","type":"image\/webp"}],"author":"Nina Ash","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nina Ash","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"\u00bfQu\u00e9 son las Core Web Vitals y c\u00f3mo afectan a la velocidad del sitio?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:45+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2963,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","articleSection":["Sin categor\u00eda"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"\u00bfC\u00f3mo optimizar tu sitio web con las Core Web Vitals?","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:45+00:00","description":"\u00bfQu\u00e9 son las Core Web Vitals? Aprende a medir y mejorar LCP, INP y CLS para aumentar la velocidad, la estabilidad visual y el ranking en Google de tu web.","breadcrumb":{"@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","width":966,"height":665,"caption":"What Are Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/potenting.com\/es\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/potenting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 son las Core Web Vitals y c\u00f3mo afectan a la velocidad del sitio?"}]},{"@type":"WebSite","@id":"https:\/\/potenting.com\/blog\/#website","url":"https:\/\/potenting.com\/blog\/","name":"Potenting","description":"","publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/potenting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/potenting.com\/blog\/#organization","name":"Potenting","url":"https:\/\/potenting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","width":253,"height":80,"caption":"Potenting"},"image":{"@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb","name":"Nina Ash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","caption":"Nina Ash"},"url":"https:\/\/potenting.com\/blog\/author\/n-ash\/"}]}},"_links":{"self":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/comments?post=3660"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3660\/revisions"}],"predecessor-version":[{"id":4206,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3660\/revisions\/4206"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media\/3520"}],"wp:attachment":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media?parent=3660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}