{"id":7970,"date":"2021-06-11T05:46:16","date_gmt":"2021-06-11T13:46:16","guid":{"rendered":"https:\/\/ahrefs.com\/blog\/es\/?p=7970"},"modified":"2023-05-14T23:52:21","modified_gmt":"2023-05-15T07:52:21","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el&nbsp;SEO"},"content":{"rendered":"\n<div class=\"intro-txt\">Core Web Vitals son las m\u00e9tricas de velocidad que forman parte de las se\u00f1ales de Experiencia de P\u00e1gina que Google usa para medir la experiencia de usuario.&nbsp;Las m\u00e9tricas miden la carga visual con Largest Contentful Paint (LCP, renderizado del mayor elemento con contenido), la estabilidad visual con Cumulative Layout Shift (CLS, cambios de dise\u00f1o acumulados)&nbsp;y la interactividad con First Input Delay (FID, latencia de la primera interacci\u00f3n)&nbsp;<\/div>\n\n\n\n<p>La experiencia de la p\u00e1gina y las m\u00e9tricas incluidas en <em>Core Web Vitals<\/em>&nbsp;(M\u00e9tricas Web Principales en espa\u00f1ol) se usar\u00e1n para el posicionamiento de las p\u00e1ginas en junio de&nbsp;2021.<\/p>\n\n\n\n<div style=\"width: 910px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/1-core-web-vitals.png\"><p class=\"wp-caption-text\"><\/p>\n\n\n\n<p>Fuente: <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/evaluating-page-experience\" target=\"_blank\" rel=\"noopener\">Google<\/a><\/p><\/div>\n\n\n\n<p>La forma m\u00e1s f\u00e1cil de ver las m\u00e9tricas de tu sitio es con el informe de <a href=\"https:\/\/search.google.com\/u\/1\/search-console\/core-web-vitals\" target=\"_blank\" rel=\"noopener\">M\u00e9tricas web principales en Google Search Console<\/a>. Con el informe, puedes ver f\u00e1cilmente si tus p\u00e1ginas est\u00e1n categorizadas como \u201cURLs pobres\u201d, \u201cURLs necesitan una mejora\u201d o \u201cURLs buenas\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/2-google-search-console.png\" alt><\/figure>\n\n\n\n<p>Dentro del informe, puedes encontrar informaci\u00f3n m\u00e1s detallada sobre los problemas concretos y una lista de las p\u00e1ginas afectadas.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/3-google-search-console.png\" alt><\/figure>\n\n\n\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Factores clave\" data-section=\"factores-clave\">\n\n\n\n<h2 class=\"wp-block-heading\">Factores clave sobre Core Web Vitals&nbsp;(M\u00e9tricas Web Principales)<\/h2>\n\n\n\n<\/div><\/div>\n\n\n\n<p><strong>Factor<\/strong><strong>&nbsp;1: <\/strong>Las m\u00e9tricas se separan entre ordenador&nbsp;y m\u00f3vil, pero solo las se\u00f1ales m\u00f3viles ser\u00e1n usadas para el posicionamiento de las p\u00e1ginas. Google est\u00e1 pasando a una <a href=\"https:\/\/ahrefs.com\/blog\/es\/mobile-first-index\/\">indexaci\u00f3n 100% <\/a><em><a href=\"https:\/\/ahrefs.com\/blog\/es\/mobile-first-index\/\">mobile-first<\/a><\/em> desde&nbsp;marzo, as\u00ed que tiene sentido usar las se\u00f1ales de velocidad m\u00f3vil, ya que las p\u00e1ginas indexadas tambi\u00e9n se basar\u00e1n en las versiones m\u00f3viles.<\/p>\n\n\n\n<p><strong>Factor<\/strong><strong>&nbsp;2: <\/strong>Los datos provienen desde el informe de User Experience de Chrome (CrUX), que recoge datos de los usuarios que han dado permiso. Las m\u00e9tricas ser\u00e1n evaluadas en el percentil 75\u00ba de los usuarios, as\u00ed que si el 70% de tus usuarios est\u00e1n en la categor\u00eda \u201cbuena\u201d y el 5% est\u00e1 en la categor\u00eda \u201cnecesita una mejora\u201d, tu p\u00e1gina ser\u00e1 evaluada como \u201cnecesita una mejora\u201d.<\/p>\n\n\n\n<p><strong>Factor 3: <\/strong>Las m\u00e9tricas ser\u00e1n evaluadas para cada p\u00e1gina, pero si no hay suficientes datos, John Mueller <a href=\"https:\/\/www.searchenginejournal.com\/core-web-vitals-noindex\/395578\/\" target=\"_blank\" rel=\"noopener\">afirma<\/a>&nbsp;que se pueden usar las se\u00f1ales de las secciones de un sitio o del sitio en general.<\/p>\n\n\n\n<p><strong>Factor 4: <\/strong>Con la inclusi\u00f3n de estas nuevas m\u00e9tricas, AMP se eliminar\u00e1 como un requisito desde la funcionalidad Top Stories (historias destacadas) en m\u00f3vil. Ya que las nuevas historias no tendr\u00e1n datos sobre las m\u00e9tricas de velocidad, es probable que las m\u00e9tricas de una categor\u00eda m\u00e1s grande de p\u00e1ginas o incluso el dominio entero pueda ser usado para&nbsp;esto.<\/p>\n\n\n\n<p><strong>Factor 5: <\/strong>Las aplicaciones de p\u00e1gina \u00fanica&nbsp;(Single Page Applications) no miden un par de las m\u00e9tricas, FID y LCP, a trav\u00e9s de las transiciones de p\u00e1gina. Hablaremos de estas en un minuto,<\/p>\n\n\n\n<p><strong>Factor 6: <\/strong>Las m\u00e9tricas pueden cambiar con el tiempo, as\u00ed como los umbrales. Google ya ha cambiado las m\u00e9tricas usadas para medir la velocidad en sus herramientas a lo largo de los a\u00f1os, as\u00ed como sus umbrales de lo que se considera o no r\u00e1pido. Con toda probabilidad todo esto cambiar\u00e1 de nuevo en el futuro. De hecho, trabajamos algo en mejorar las m\u00e9tricas anteriores el a\u00f1o pasado, pero necesitamos trabajar una vez m\u00e1s para mejorar las nuevas m\u00e9tricas.<\/p>\n\n\n\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Importancia\" data-section=\"importancia\">\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfSon las Core Web Vitals&nbsp;importantes para el&nbsp;SEO?<\/h2>\n\n\n\n<\/div><\/div>\n\n\n\n<p>Solo para establecer las expectativas, recuerda que hay m\u00e1s de 200 <a href=\"https:\/\/ahrefs.com\/blog\/es\/google-factores-posicionamiento\/\">factores de posicionamiento<\/a>. No esperar\u00eda mucha mejora al mejorar las Core Web Vitals. Se desconoce cu\u00e1nto impactar\u00e1n en el posicionamiento, pero no es probable que se trate de una se\u00f1al fuerte, especialmente si tenemos en cuenta que Google ya estaba usando muchos de los componentes de la experiencia en las p\u00e1ginas para determinar el posicionamiento en los rankings.<\/p>\n\n\n\n<p>Veamos cada una de las core web vitals (m\u00e9tricas web principales) en m\u00e1s detalle.<\/p>\n\n\n\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Componentes\" data-section=\"componentss\"> \n\n\n\n<h2 class=\"wp-block-heading\">Componentes de Core Web Vitals<\/h2>\n\n\n\n<\/div><\/div>\n\n\n\n<p>Aqu\u00ed est\u00e1n los tres componentes actuales de las M\u00e9tricas Web Principales o Core Web Vitals:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#lcp\">Renderizado del mayor elemento con contenido (Largest Contentful Paint, LCP)<\/a><\/li>\n\n\n\n<li><a href=\"#cls\">Cambios de dise\u00f1o acumulados (Cumulative Layout Shift, CLS)<\/a><\/li>\n\n\n\n<li><a href=\"#fid\">Latencia de la primera interacci\u00f3n (First Input Delay, FID)<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"lcp\">Renderizado del mayor elemento con contenido (Largest Contentful Paint, LCP)<\/h3>\n\n\n\n<p>LCP es el elemento \u00fanico&nbsp;visible m\u00e1s grande cargado en el campo de visi\u00f3n.<\/p>\n\n\n\n<div style=\"width: 910px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/4-largest-contentful-paint.png\"><p class=\"wp-caption-text\"><\/p>\n\n\n\n<p><em>(Cargando)<\/em><\/p>\n\n\n\n<p><em>LCP<\/em><\/p>\n\n\n\n<p><em>Largest Contentful Paint<\/em><\/p>\n\n\n\n<p><em>Renderizado del mayor elemento con contenido<\/em><\/p>\n\n\n\n<p><em>Bueno | Necesita Mejorar |&nbsp;Pobre<\/em><\/p>\n\n\n\n<p><em>2.5 segs. &nbsp; 4.0 segs<\/em><\/p>\n\n\n\n<p>Fuente: <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener\">web.dev\/vitals<\/a><\/p><\/div>\n\n\n\n<p>El elemento m\u00e1s grande normalmente ser\u00e1 una imagen destacada o quiz\u00e1 la etiqueta &lt;h1&gt;, pero podr\u00eda ser cualquiera de&nbsp;estos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elemento &lt;img&gt; <\/li>\n\n\n\n<li>Elemento &lt;image&gt; dentro de un elemento &lt;svg&gt;<\/li>\n\n\n\n<li>La imagen dentro de un elemento &lt;video&gt;<\/li>\n\n\n\n<li>La imagen de fondo cargada con la funci\u00f3n url()<\/li>\n\n\n\n<li>Bloques de&nbsp;texto<\/li>\n<\/ul>\n\n\n\n<p>&lt;svg&gt; y &lt;video&gt; puede que se a\u00f1adan en el futuro.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo ver el&nbsp;LCP<\/h4>\n\n\n\n<p>En <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>, el elemento LCP se especificar\u00e1 en la secci\u00f3n de Diagn\u00f3sticos. Para la p\u00e1gina de prueba, el LCP es nuestra imagen destacada en el post del&nbsp;blog.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/5-how-to-see-lcp.jpg\" alt><\/figure>\n\n\n\n<p>En las herramientas para desarrolladores de Chrome, sigue estos&nbsp;pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Performance (rendimiento) &gt; comprueba \u201cScreenshots\u201d<\/li>\n<li>Haz clic en \u2018Start profiling and reload page\u2019 (empezar a perfilar y recargar la p\u00e1gina)<\/li>\n<li>LCP est\u00e1 a la derecha en el gr\u00e1fico de tiempo<\/li>\n<li>Haz clic en el nodo; este es el elemento LCP<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/6-chrome-dev-tools.png\" alt><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Optimizando LCP<\/h4>\n\n\n\n<p>Siendo nuestro elemento LCP en esta y muchas otras p\u00e1ginas la imagen destacada, probablemente podemos mejorar esto precargando esta p\u00e1gina o posiblemente incluyendo la imagen completa para hacer que se descargue junto al c\u00f3digo HTML. B\u00e1sicamente, queremos cargar esta imagen m\u00e1s r\u00e1pido de lo que lo hace actualmente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recursos<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\n<a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"noopener\">Optimiza el renderizado del mayor objeto con contenido o Largest Contentful Paint - web.dev<\/a>&nbsp;(en ingl\u00e9s)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=diAc65p15ag\" target=\"_blank\" rel=\"noopener\">Investigando el mayor objeto con contenido o Largest Contentful Paint - Paul Irish (v\u00eddeo, en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ahrefs.com\/blog\/advanced-pagespeed-guide\/\" data-ahr=\"https:\/\/ahrefs.com\/blog\/es\/advanced-pagespeed-guide\/\">C\u00f3mo Mejorar la Velocidad de P\u00e1gina, desde el Principio hasta el Final - Ahrefs (en ingl\u00e9s)<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cls\">Cambios de dise\u00f1o acumulados (Cumulative Layout Shift, CLS) - estabilidad visual<\/h3>\n\n\n\n<p>CLS mide c\u00f3mo los elementos se mueven o cu\u00e1n estable es el dise\u00f1o de la p\u00e1gina. Tiene en cuenta el tama\u00f1o del contenido y la distancia que se mueve. Un problema grande con la m\u00e9trica es que contin\u00faa midi\u00e9ndose incluso despu\u00e9s de la carga inicial de la p\u00e1gina. Google est\u00e1 recogiendo feedback sobre esta m\u00e9trica en particular, as\u00ed que probablemente veremos algunos cambios en ella en el futuro.<\/p>\n\n\n\n<div style=\"width: 910px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/7-cumulative-layout-shift.png\"><p class=\"wp-caption-text\"><\/p>\n\n\n\n<p>Fuente: <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener\">web.dev\/vitals<\/a><\/p><\/div>\n\n\n\n<p><em>(Estabilidad Visual)<\/em><\/p>\n\n\n\n<p><em>Cumulative Layout Shift<\/em><\/p>\n\n\n\n<p><em>Cambios de dise\u00f1o acumulados<\/em><\/p>\n\n\n\n<p><em>Buena &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Necesita Mejorar &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Pobre<\/em><\/p>\n\n\n\n<p><em>0.1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0.25<\/em><\/p>\n\n\n\n<p>Puede ser inc\u00f3modo si intentas hacer click en algo de la p\u00e1gina que se mueve y acabas haciendo clic en algo en lo que no quer\u00edas. A m\u00ed me pasa todo el tiempo. Hago clic en una cosa, y de repente, estoy haciendo clic en un anuncio y ni siquiera en la misma p\u00e1gina. Es frustrante como usuario.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/cumulative-layout-shift-example.gif\" alt><\/figure>\n\n\n\n<p>Entre las causas comunes de&nbsp;CLS se incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Im\u00e1genes sin&nbsp;dimensiones<\/li>\n\n\n\n<li>Anuncios, <em>embeds<\/em>&nbsp;(elementos incrustados), y <em>iframes<\/em>&nbsp;sin dimensiones<\/li>\n\n\n\n<li>Inyecci\u00f3n de contenidos con JavaScript<\/li>\n\n\n\n<li>Aplicar fuentes o estilos tarde al cargar<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo ver el&nbsp;CLS<\/h4>\n\n\n\n<p>En PageSpeed Insights, bajo los diagn\u00f3sticos, encontrar\u00e1s una lista de los elementos que se est\u00e1n moviendo.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/8-how-to-see-cls.jpg\" alt><\/figure>\n\n\n\n<p>Usa&nbsp;<a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener\">WebPageTest<\/a>. En la Filmstrip View, marca las siguientes opciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Marca <em>Layout Shifts<\/em>\n<\/li>\n\n\n\n<li>En <em>Thumbnail Size<\/em>&nbsp;(tama\u00f1o de miniatura): elige <em>Huge<\/em>&nbsp;(enorme)<\/li>\n\n\n\n<li>En <em>Thumbnail Interval<\/em>&nbsp;(intervalo de miniatura): marca <em>0.1 se<\/em><em>c<\/em>\n<\/li>\n<\/ul>\n\n\n\n<p>F\u00edjate en c\u00f3mo nuestra fuente cambia de estilo entre 5.1s-5.2s, cambiando el dise\u00f1o cuando nuestra fuente personalizada se aplica.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/9-web-page-test.jpg\" alt><\/figure>\n\n\n\n<p>Puede que quieras probar el <a href=\"https:\/\/defaced.dev\/tools\/layout-shift-gif-generator\/\" target=\"_blank\" rel=\"noopener\">Layout Shift GIF Generator<\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/defaced-cls.gif\" alt><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2021\/01\/smashingmag-performance-case-study\/\" target=\"_blank\" rel=\"noopener\">Smashing Magazine<\/a>&nbsp;tambi\u00e9n dispon\u00eda de una t\u00e9cnica interesante que compartieron, donde a\u00f1adieron una l\u00ednea de contorno de color rojo s\u00f3lido de 3px a todo y grabaron un v\u00eddeo de la p\u00e1gina para identificar d\u00f3nde ocurr\u00edan los cambios de posici\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Optimizando CLS<\/h4>\n\n\n\n<p>Para nuestra p\u00e1gina de test, puede que lo que queramos hacer sea&nbsp;precargar nuestra fuente personalizada, abandonar la fuente personalizada por completo (es algo dudoso que hagamos esto) o usar una fuente por defecto en la carga inicial de la p\u00e1gina y cargar solo nuestra fuente en las cargas de p\u00e1gina posteriores. Estas medidas suponen sacrificios en marca, estilo, consistencia, etc. y tendremos que decidir cu\u00e1l es el mejor camino m\u00e1s adelante.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recursos<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/gist.github.com\/paulirish\/5d52fb081b3570c81e3a\" target=\"_blank\" rel=\"noopener\">Qu\u00e9 fuerza layout\/reflow - Paul Irish (en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/optimize-cls\/\" target=\"_blank\" rel=\"noopener\">Optimiza Cumulative Layout Shift - web.dev (en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/web.dev\/debugging-layout-shifts\/\" target=\"_blank\" rel=\"noopener\">Elimina errores en los cambios de dise\u00f1o - web.dev (en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=zIJuY-JCjqw\" target=\"_blank\" rel=\"noopener\">Entendiendo Cumulative Layout Shift - Annie Sullivan (v\u00eddeo, en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/simonhearne.com\/2021\/layout-shifts-webfonts\" target=\"_blank\" rel=\"noopener\">C\u00f3mo evitar movimientos en el dise\u00f1o causados por las fuentes web - Simon Hearne (en ingl\u00e9s)<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"fid\">Latencia de la primera interacci\u00f3n (First Input Delay, FID) - interactividad<\/h3>\n\n\n\n<p>FID es el tiempo desde que un usuario interact\u00faa con tu p\u00e1gina hasta que la p\u00e1gina puede responder. Tambi\u00e9n puedes pensar en esto como la capacidad de respuesta. Esto no incluye hacer scroll o&nbsp;zoom.<\/p>\n\n\n\n<p>Ejemplos de interacci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>hacer clic en un enlace o&nbsp;bot\u00f3n<\/li>\n\n\n\n<li>Introducir texto en un campo en blanco<\/li>\n\n\n\n<li>elegir un elemento de un men\u00fa desplegable<\/li>\n\n\n\n<li>hacer clic en una casilla (<em>checkbox<\/em>)<\/li>\n<\/ul>\n\n\n\n<p>Puede ser frustrante intentar hacer clic en algo y que nada pase en la p\u00e1gina.<\/p>\n\n\n\n<div style=\"width: 910px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/10-first-input-delay.png\"><p class=\"wp-caption-text\"><\/p>\n\n\n\n<p>Fuente: <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener\">web.dev\/vitals<\/a><\/p><\/div>\n\n\n\n<p><em>(Interactividad)<\/em><\/p>\n\n\n\n<p><em>FID<\/em><\/p>\n\n\n\n<p><em>First Input&nbsp;Delay<\/em><\/p>\n\n\n\n<p><em>Latencia de la primera interacci\u00f3n&nbsp;<\/em><\/p>\n\n\n\n<p><em>Buena - Necesita Mejorar -&nbsp;Pobre<\/em><\/p>\n\n\n\n<p><em>100 ms&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;300 ms<\/em><\/p>\n\n\n\n<p>No todos los usuarios interact\u00faan con una p\u00e1gina, as\u00ed que puede que no tengan un valor de FID. Esto es por lo que las herramientas de testeo no tendr\u00e1n el valor, porque no est\u00e1n interactuando con la p\u00e1gina. Usa el Total Blocking Time (TBT, tiempo total bloqueado) en su&nbsp;lugar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Causas&nbsp;de FID<\/h4>\n\n\n\n<p>JavaScript compitiendo por el hilo principal. Solo hay un hilo principal y JavaScript compite por ejecutar las tareas en&nbsp;\u00e9l.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/11-cause-of-fid.png\">\n\n\n\n<p>Fuente: <a href=\"https:\/\/web.dev\/long-tasks-devtools\" target=\"_blank\" rel=\"noopener\">https:\/\/web.dev\/long-tasks-devtools<\/a><\/p>\n\n\n\n<p>Mientras una tarea se est\u00e1 ejecutando, una p\u00e1gina no puede responder a los inputs del usuario. Este es el retraso que se siente. Cuanto m\u00e1s larga sea la tarea, m\u00e1s largo ser\u00e1 el retardo experimentado por el usuario. Los descansos entre tareas son las oportunidades que la p\u00e1gina tiene para cambiar al input del usuario y responder a lo que quer\u00edan hacer.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Optimizando&nbsp;FID<\/h4>\n\n\n\n<p>No veo nada preocupante en nuestro sitio en FID, pero en general, quieres dividir las tareas largas y retrasar cualquier JavaScript que no se necesite a un momento posterior.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recursos<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.dev\/optimize-fid\/\" target=\"_blank\" rel=\"noopener\">Optimizar First Input Delay - web.dev (en ingl\u00e9s)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ahrefs.com\/blog\/advanced-pagespeed-guide\/\" data-ahr=\"https:\/\/ahrefs.com\/blog\/es\/advanced-pagespeed-guide\/\">C\u00f3mo Mejorar la Velocidad de P\u00e1gina, desde el Principio hasta el Final - Ahrefs (en ingl\u00e9s)<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Herramientas de medici\u00f3n\" data-section=\"herramientas-medicion\">\n\n\n\n<h2 class=\"wp-block-heading\">Herramientas para medir&nbsp;Core Web Vitals<\/h2>\n\n\n\n<\/div><\/div>\n\n\n\n<p>La diferencia entre los datos de campo y laboratorio se encuentra en que los datos de campo miran a usuarios reales, condiciones de red, dispositivos, cacheo, etc. y los datos de laboratorio se testan de forma consistente en base a las mismas condiciones, con la esperanza de que los resultados de la prueba sean repetibles.<\/p>\n\n\n\n<p><strong>Datos&nbsp;de campo<\/strong><\/p>\n\n\n\n<table id=\"tablepress-17\" class=\"tablepress tablepress-id-17 tablepress-responsive tablepress-ahrefs-width-720px\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\"><\/th><th class=\"column-2\">LCP<\/th><th class=\"column-3\">FID<\/th><th class=\"column-4\">CLS<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\">Chrome User Experience Report<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520\">Google Search Console (Informe de M\u00e9tricas Web Principales)<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\">Web-vitals JavaScript library<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/web.dev\/measure\/\">web.dev<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals-extension\">Web Vitals Extension<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2714<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-17 from cache -->\n\n\n<p><strong>Datos de Laboratorio<\/strong><\/p>\n\n\n\n<table id=\"tablepress-18\" class=\"tablepress tablepress-id-18 tablepress-responsive tablepress-ahrefs-width-720px\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\"><\/th><th class=\"column-2\">LCP<\/th><th class=\"column-3\">FID<\/th><th class=\"column-4\">CLS<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\">Chrome DevTools<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2718 (usa&nbsp;TBT)<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\">Lighthouse<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2718 (usa&nbsp;TBT)<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2718 (usa&nbsp;TBT)<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2718 (usa&nbsp;TBT)<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\"><a href=\"https:\/\/web.dev\/measure\/\">web.dev<\/a><\/td><td class=\"column-2\">\u2714<\/td><td class=\"column-3\">\u2718 (usa&nbsp;TBT)<\/td><td class=\"column-4\">\u2714<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-18 from cache -->\n\n\n<p>Me gusta el informe en GSC porque puedes ver los datos de muchas p\u00e1ginas a la vez, pero los datos tienen algo de retardo y son una media m\u00f3vil de 28 d\u00edas, as\u00ed que puede que los cambios tarden algo de tiempo en mostrarse en el informe. En Chrome 88, Google est\u00e1 <a href=\"https:\/\/www.seroundtable.com\/google-chrome-88-core-web-vitals-30800.html\" target=\"_blank\" rel=\"noopener\">a\u00f1adiendo Core Web Vitals (M\u00e9tricas Web Principales) directamente en las herramientas para desarrolladores<\/a>.<\/p>\n\n\n\n<p>Tambi\u00e9n puedes encontrar las <a href=\"https:\/\/googlechrome.github.io\/lighthouse\/scorecalc\/\" target=\"_blank\" rel=\"noopener\">ponderaciones de las puntuaciones<\/a>&nbsp;de Lighthouse en cualquier momento y ver los cambios hist\u00f3ricos.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/12-lighthouse-scoring-calculator.png\" alt><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Reflexiones finales<\/h2>\n\n\n\n<p>Quieres mejorar las M\u00e9tricas Web Principales (Core Web Vitals) para que tus usuarios tengan una mejor experiencia. Todav\u00eda queda por ver qu\u00e9 impacto tendr\u00e1n en el SEO, pero como mencion\u00e9 en <a href=\"https:\/\/ahrefs.com\/blog\/advanced-pagespeed-guide\/\" data-ahr=\"https:\/\/ahrefs.com\/blog\/es\/advanced-pagespeed-guide\/\">mi art\u00edculo de velocidad de la p\u00e1gina<\/a>, deber\u00edan ayudarte a recoger m\u00e1s datos en tu anal\u00edtica que se \u201csienta\u201d como un incremento.<\/p>\n\n\n\n<p>Trabaja con tus desarrolladores; aqu\u00ed son ellos los expertos. La velocidad de p\u00e1gina&nbsp;puede ser extremadamente compleja. Si est\u00e1s por tu cuenta, puede que necesites apoyarte en un plugin o servicio para gestionar esto, como WP Rocket or NitroPack.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La experiencia de la p\u00e1gina y las m\u00e9tricas incluidas en Core Web Vitals&nbsp;(M\u00e9tricas Web Principales en espa\u00f1ol) se usar\u00e1n para el posicionamiento de las p\u00e1ginas en junio de&nbsp;2021. La forma m\u00e1s f\u00e1cil de ver las m\u00e9tricas de tu sitio es<span class=\"ellipsis\">\u2026<\/span><\/p>\n<div class=\"read-more\">Leer m\u00e1s \u203a<\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":20,"featured_media":8020,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[9],"tags":[],"coauthors":[41],"class_list":["post-7970","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-seo","odd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el SEO<\/title>\n<meta name=\"description\" content=\"Core Web Vitals o M\u00e9tricas Web Principales son las m\u00e9tricas de velocidad que forman parte de las se\u00f1ales de la Experiencia de P\u00e1gina de Google usadas para medir la experiencia de 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:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: la Velocidad de P\u00e1gina es Ahora M\u00e1s Importante para el SEO\" \/>\n<meta property=\"og:description\" content=\"Mejora tus Core Web Vitals para una mejor experiencia de usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de SEO de Ahrefs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ahrefs\" \/>\n<meta property=\"article:author\" content=\"patrickstox\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-11T13:46:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-15T07:52:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"990\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Patrick Stox\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@patrickstox\" \/>\n<meta name=\"twitter:site\" content=\"@ahrefs\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\"},\"author\":{\"name\":\"Patrick Stox\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b\"},\"headline\":\"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el&nbsp;SEO\",\"datePublished\":\"2021-06-11T13:46:16+00:00\",\"dateModified\":\"2023-05-15T07:52:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\"},\"wordCount\":2268,\"image\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png\",\"articleSection\":[\"SEO T\u00e9cnico\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\",\"url\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\",\"name\":\"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el SEO\",\"isPartOf\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png\",\"datePublished\":\"2021-06-11T13:46:16+00:00\",\"dateModified\":\"2023-05-15T07:52:21+00:00\",\"author\":{\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b\"},\"description\":\"Core Web Vitals o M\u00e9tricas Web Principales son las m\u00e9tricas de velocidad que forman parte de las se\u00f1ales de la Experiencia de P\u00e1gina de Google usadas para medir la experiencia de usuario\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png\",\"contentUrl\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png\",\"width\":1920,\"height\":990},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/#website\",\"url\":\"https:\/\/ahrefs.com\/blog\/es\/\",\"name\":\"Blog de SEO de Ahrefs\",\"description\":\"Estrategias de link building y consejos de posicionamiento SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ahrefs.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b\",\"name\":\"Patrick Stox\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png347528c2f26b16d35b4be85b6ffe3b8f\",\"url\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png\",\"contentUrl\":\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png\",\"caption\":\"Patrick Stox\"},\"description\":\"Patrick Stox es asesor de producto, t\u00e9cnico en SEO y embajador de marca Ahrefs. Organiza el Raleigh SEO Meetup, Raleigh SEO Conference, Beer &amp; SEO Meetup, Findability Conference y modera en \/ r \/ TechSEO.\",\"sameAs\":[\"https:\/\/patrickstox.com\/\",\"patrickstox\",\"https:\/\/linkedin.com\/in\/patrickstox\",\"https:\/\/x.com\/patrickstox\"],\"url\":\"https:\/\/ahrefs.com\/blog\/es\/author\/patrick-stox\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el SEO","description":"Core Web Vitals o M\u00e9tricas Web Principales son las m\u00e9tricas de velocidad que forman parte de las se\u00f1ales de la Experiencia de P\u00e1gina de Google usadas para medir la experiencia de 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:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/","og_locale":"es_ES","og_type":"article","og_title":"Core Web Vitals: la Velocidad de P\u00e1gina es Ahora M\u00e1s Importante para el SEO","og_description":"Mejora tus Core Web Vitals para una mejor experiencia de usuario.","og_url":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/","og_site_name":"Blog de SEO de Ahrefs","article_publisher":"https:\/\/www.facebook.com\/Ahrefs","article_author":"patrickstox","article_published_time":"2021-06-11T13:46:16+00:00","article_modified_time":"2023-05-15T07:52:21+00:00","og_image":[{"width":1920,"height":990,"url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png","type":"image\/png"}],"author":"Patrick Stox","twitter_card":"summary_large_image","twitter_creator":"@patrickstox","twitter_site":"@ahrefs","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/"},"author":{"name":"Patrick Stox","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b"},"headline":"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el&nbsp;SEO","datePublished":"2021-06-11T13:46:16+00:00","dateModified":"2023-05-15T07:52:21+00:00","mainEntityOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/"},"wordCount":2268,"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png","articleSection":["SEO T\u00e9cnico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/","url":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/","name":"Core Web Vitals: la velocidad de p\u00e1gina es ahora m\u00e1s importante para el SEO","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png","datePublished":"2021-06-11T13:46:16+00:00","dateModified":"2023-05-15T07:52:21+00:00","author":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b"},"description":"Core Web Vitals o M\u00e9tricas Web Principales son las m\u00e9tricas de velocidad que forman parte de las se\u00f1ales de la Experiencia de P\u00e1gina de Google usadas para medir la experiencia de usuario","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/core-web-vitals\/#primaryimage","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2021\/06\/fb-core-web-vitals-SPA.png","width":1920,"height":990},{"@type":"WebSite","@id":"https:\/\/ahrefs.com\/blog\/es\/#website","url":"https:\/\/ahrefs.com\/blog\/es\/","name":"Blog de SEO de Ahrefs","description":"Estrategias de link building y consejos de posicionamiento SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahrefs.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/75a4cde1d1c32d10a4c2153220bade8b","name":"Patrick Stox","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png347528c2f26b16d35b4be85b6ffe3b8f","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/05\/Screenshot-2019-11-06-at-00.57.29.png","caption":"Patrick Stox"},"description":"Patrick Stox es asesor de producto, t\u00e9cnico en SEO y embajador de marca Ahrefs. Organiza el Raleigh SEO Meetup, Raleigh SEO Conference, Beer &amp; SEO Meetup, Findability Conference y modera en \/ r \/ TechSEO.","sameAs":["https:\/\/patrickstox.com\/","patrickstox","https:\/\/linkedin.com\/in\/patrickstox","https:\/\/x.com\/patrickstox"],"url":"https:\/\/ahrefs.com\/blog\/es\/author\/patrick-stox\/"}]}},"_links":{"self":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/7970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=7970"}],"version-history":[{"count":0,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/7970\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/media\/8020"}],"wp:attachment":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=7970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=7970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=7970"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/coauthors?post=7970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}