Core Web Vitals are three numbers Google uses to describe how a page feels to a real visitor: how fast the main content appears, how quickly the page reacts to a tap, and how much the layout jumps around. They are part of Google’s page experience signals, and more importantly they track the moments when visitors give up. Here is what each one measures on a WordPress site and where to look first when it is red.<\/p>\n\n\n
Google juzga una p\u00e1gina seg\u00fan el percentil 75 de visitas reales, divididas por dispositivos m\u00f3viles y computadoras de escritorio. Una computadora port\u00e1til r\u00e1pida con Wi-Fi de oficina dice poco; el n\u00famero que cuenta proviene de tel\u00e9fonos normales con conexiones normales. Las definiciones y los umbrales provienen de la descripci\u00f3n general de Web Vitals deweb.dev<\/a>.<\/p>\n\n\n Ejecute sus p\u00e1ginas clave a trav\u00e9s dePageSpeed \u200b\u200bInsights<\/a>. La secci\u00f3n superior muestra datos de campo de los usuarios de Chrome si su sitio tiene suficiente tr\u00e1fico; La secci\u00f3n de laboratorio a continuaci\u00f3n es una carga simulada \u00fanica. Corrija lo que muestran los datos de campo y utilice el informe de laboratorio para encontrar la causa. El informe Core Web Vitals de Search Console agrupa URL similares, por lo que una correcci\u00f3n de plantilla puede borrar cientos de p\u00e1ginas.<\/p>\n\n\n En la mayor\u00eda de los sitios de WordPress, el elemento LCP es la imagen principal o la imagen destacada de una publicaci\u00f3n. Las causas habituales de un LCP lento son una respuesta lenta del servidor, una imagen grande y una imagen que el navegador descubre tarde.<\/p>\n\n\n La gu\u00edaOptimize LCP<\/a>divide la m\u00e9trica en cuatro partes, lo que ayuda cuando la soluci\u00f3n no es obvia.<\/p>\n\n\n INP trata sobre JavaScript. Cuando el hilo principal est\u00e1 ocupado ejecutando scripts, hay que esperar un toque. Los culpables m\u00e1s comunes son los controles deslizantes, los widgets de chat, las etiquetas de seguimiento y los creadores de p\u00e1ginas que env\u00edan grandes paquetes.<\/p>\n\n\n El cambio de dise\u00f1o ocurre cuando aparece algo y empuja el contenido hacia abajo. Las im\u00e1genes sin dimensiones, las fuentes que se cargan tarde y cambian el tama\u00f1o del texto, los banners de cookies insertados sobre el contenido y los anuncios sin espacio reservado causan la mayor parte.<\/p>\n\n\n Las p\u00e1ginas r\u00e1pidas no rescatan el contenido d\u00e9bil y el buen contenido en una p\u00e1gina lenta pierde visitantes antes de que lo lean. Trate Core Web Vitals como parte de la misma rutina que los t\u00edtulos, mapas de sitio y enlaces internos. Nuestra lista de verificaci\u00f3n de SEO de WordPress<\/a>cubre el resto de esa rutina.<\/p>\n\n\n Flux Speed \u200b\u200b<\/a>muestra solicitudes lentas y consultas intensas desde el interior del administrador, para que pueda ver qu\u00e9 complemento o p\u00e1gina est\u00e1 costando tiempo. Debido a que los complementos de FluxWP comparten un administrador y un sistema de dise\u00f1o, un sitio que utiliza formularios, una bandeja de entrada del equipo y an\u00e1lisis carga un conjunto de activos en lugar de tres. Si el cuello de botella es el servidor, nuestros planes de alojamiento administrado<\/a>est\u00e1n configurados con almacenamiento en cach\u00e9 y optimizados para WooCommerce.<\/p>\n\n","protected":false},"excerpt":{"rendered":" Lo que miden los tres Core Web Vitals, los objetivos a alcanzar y las correcciones de WordPress que mueven a cada uno: im\u00e1genes y almacenamiento en cach\u00e9 para LCP, scripts para INP, dimensiones para CLS.<\/p>\n","protected":false},"author":1,"featured_media":49,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_flxseo_title":"Core Web Vitals para WordPress: mejorar LCP, INP y CLS","_flxseo_desc":"Haga que un sitio de WordPress sea m\u00e1s r\u00e1pido donde sea necesario. Qu\u00e9 miden LCP, INP y CLS, los buenos umbrales, c\u00f3mo probarlos y las soluciones que funcionan para cada uno.","_flxseo_focus":"","_flxseo_noindex":false,"_flxseo_image":""},"categories":[22],"tags":[28,29,24],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance","tag-core-web-vitals","tag-page-speed","tag-wordpress"],"lang":"es","translations":{"en":58,"tr":59,"de":293,"es":349,"fr":405,"pt-br":461,"ja":517,"ar":629,"ru":685,"zh":573},"_links":{"self":[{"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":0,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluxwp.com\/es\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Mida antes de cambiar nada<\/h2>\n\n\n
Mejora del LCP<\/h2>\n\n\n
fetchpriority=\"high\"<\/code>a la primera imagen grande; verifique que su tema o complemento no lo est\u00e9 deshaciendo.<\/li>\n\nfont-display: intercambie<\/code>y precargue solo uno o dos archivos que la primera pantalla necesita.<\/li>\n<\/ul>\n\n\nMejorando INP<\/h2>\n\n\n
Mejora de CLS<\/h2>\n\n\n
<\/code>en CSS.<\/li>\n\ntransforma<\/code>yopacidad<\/code>, que no mueven el dise\u00f1o.<\/li>\n<\/ul>\n\n\nLa velocidad tambi\u00e9n es limpieza de SEO<\/h2>\n\n\n
D\u00f3nde ayuda FluxWP<\/h2>\n\n\n