{"id":1403,"date":"2021-05-19T19:48:46","date_gmt":"2021-05-19T19:48:46","guid":{"rendered":"https:\/\/topwebpuebla.com\/?p=1403"},"modified":"2026-05-07T17:21:26","modified_gmt":"2026-05-07T17:21:26","slug":"web-vitals","status":"publish","type":"post","link":"https:\/\/topwebpuebla.com\/blog\/web-vitals\/","title":{"rendered":"Web Vitals"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">M\u00e9tricas esenciales para un sitio saludable<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Web Vitals es una iniciativa por parte de Google que busca asegurar calidad de experiencia de usuario \u00f3ptima a largo plazo de cualquier sitio web. Web Vitals pueden ayudarle a cuantificar la experiencia de uso de su sitio Web e identificar oportunidades para mejorar.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/topwebpuebla.com\/blog\/web-vitals\/#Informacion_general\" >Informaci\u00f3n general<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/topwebpuebla.com\/blog\/web-vitals\/#Core_Web_Vitals\" >Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/topwebpuebla.com\/blog\/web-vitals\/#Evolucion_de_los_Web_Vitals\" >Evoluci\u00f3n de los Web Vitals&nbsp;<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Informacion_general\"><\/span>Informaci\u00f3n general<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google proporciona una serie de herramientas para medir y generar informes de rendimiento. Algunos desarrolladores son expertos en el uso de estas herramientas, mientras que a otros les resulta dif\u00edcil mantenerse al d\u00eda con la enorme cantidad de herramientas y m\u00e9tricas disponibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los propietarios de sitios no deber\u00edan tener que ser gur\u00fas del rendimiento para comprender la calidad de la experiencia que brindan a sus usuarios. La iniciativa Web Vitals tiene como objetivo simplificar el panorama y ayudar a los sitios a centrarse en las m\u00e9tricas que m\u00e1s importan, los llamados&nbsp;Core Web Vitals.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Core_Web_Vitals\"><\/span>Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los Core Web Vitals son un subconjunto de Web Vitals que se aplica a todas las <a href=\"https:\/\/topwebpuebla.com\/diseno-paginas-web\" title=\"\">p\u00e1ginas web<\/a>, todos los propietarios de sitios web que desean tener relevancia en Google, deben medirlos y aparecer\u00e1n en todas las herramientas de Google. Cada uno de los Core Web Vitals representa una faceta distinta de la experiencia del usuario, se puede medir\u00a0en el campo\u00a0y refleja la experiencia en el mundo real de un resultado indispensable\u00a0centrado en el usuario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las m\u00e9tricas que componen los Core Web Vitals\u00a0evolucionar\u00e1n\u00a0con el tiempo. El conjunto actual en el 2021 se centra en tres aspectos de la experiencia del usuario:\u00a0<em>carga<\/em>\u00a0,\u00a0<em>interactividad<\/em>\u00a0y\u00a0<em>estabilidad visual<\/em>, e incluye las siguientes m\u00e9tricas (y sus respectivos umbrales).<br><br>Si desea integrar Core Web Vitals en sus procedimientos de an\u00e1lisis de su sitio Web visite: https:\/\/github.com\/GoogleChrome\/web-vitals-extension<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/topwebpuebla.com\/blog\/wp-content\/uploads\/2021\/05\/Captura-de-Pantalla-2021-05-19-a-las-14.34.21-1024x331.png\" alt=\"Web Vitals para paginas web\" class=\"wp-image-1404\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint (LCP)<\/strong>\u00a0: se refiere al tiempo para el despliegue del contenido m\u00e1s extenso, LCP por sus siglas en ingl\u00e9s, mide el rendimiento de\u00a0<em>carga.<\/em>\u00a0Para proporcionar una buena experiencia de usuario, el LCP debe producirse dentro de los\u00a0<strong>2,5 segundos desde<\/strong>\u00a0que la p\u00e1gina comienza a cargarse.<br><\/li>\n\n\n\n<li><strong>First Input Delay (FID)<\/strong>: se refiere a la demora para la primera entrada, FID por sus siglas en ingl\u00e9s, mide la\u00a0<em>interactividad<\/em>. Para proporcionar una buena experiencia de usuario, las p\u00e1ginas deben tener un FID de menos de\u00a0<strong>100 milisegundos<\/strong>.<br><\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS)<\/strong>: se refiere a el cambio acumulativo en el dise\u00f1o CLS por sus sigl\u00e1s en ingl\u00e9s, mide\u00a0<em>la estabilidad visual<\/em>. Para proporcionar una buena experiencia de usuario, las p\u00e1ginas deben mantener un CLS de menos de\u00a0<strong>0,1.<\/strong><br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Evolucion_de_los_Web_Vitals\"><\/span>Evoluci\u00f3n de los Web Vitals&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los Web Vitals y los Core Web Vitals son los mejores indicadores disponibles que los desarrolladores tienen en la actualidad para medir la calidad de la experiencia en la web, pero estos indicadores no son perfectos y se deben esperar mejoras o adiciones futuras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los&nbsp;Core Web Vitals&nbsp;son relevantes para todas las p\u00e1ginas web y aparecen en las herramientas relevantes de Google. Los cambios en estas m\u00e9tricas tendr\u00e1n un impacto de gran alcance; por ello, los desarrolladores deben esperar que las definiciones y los umbrales de Core Web Vitals sean estables y que las actualizaciones ocurran con un previo aviso y una cadencia anual predecible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los otros Web Vitals suelen ser espec\u00edficos del contexto o de la herramienta, y pueden ser m\u00e1s experimentales que los Core Web Vitals. Sus definiciones y umbrales pueden cambiar con mayor frecuencia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00e9tricas esenciales para un sitio saludable Web Vitals es una iniciativa por parte de Google que busca asegurar calidad de experiencia de usuario \u00f3ptima a largo plazo de cualquier sitio web. Web Vitals pueden ayudarle a cuantificar la experiencia de uso de su sitio Web e identificar oportunidades para mejorar. Informaci\u00f3n general Google proporciona una &#8230; <a title=\"Web Vitals\" class=\"read-more\" href=\"https:\/\/topwebpuebla.com\/blog\/web-vitals\/\" aria-label=\"Leer m\u00e1s sobre Web Vitals\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":2401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[17],"tags":[18,19,20],"class_list":["post-1403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-en-buscadores-seo","tag-google","tag-posicionamiento-sep","tag-web-vitals"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/comments?post=1403"}],"version-history":[{"count":1,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1403\/revisions"}],"predecessor-version":[{"id":11902,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1403\/revisions\/11902"}],"wp:attachment":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/media?parent=1403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/categories?post=1403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/tags?post=1403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}