Desde 2021, Google usa la experiencia de carga de tu p\u00e1gina como factor de ranking. No es una sugerci\u00f3n t\u00e9cnica de un blog de desarrolladores \u2014 es un criterio real que decide si apareces en la primera p\u00e1gina o en la tercera. Esto es lo que mide y c\u00f3mo arreglarlo.<\/p>\n\n\n\n
LCP (Largest Contentful Paint):<\/strong> mide cu\u00e1nto tarda en aparecer el elemento m\u00e1s grande visible (normalmente una imagen hero o un bloque de texto grande). Google considera “bueno” menos de 2.5 segundos.<\/p>\n\n\n\n Causa com\u00fan:<\/em> im\u00e1genes sin optimizar, hosting lento, o CSS\/JS bloqueando el renderizado antes de mostrar contenido.<\/p>\n\n\n\n INP (Interaction to Next Paint):<\/strong> mide qu\u00e9 tan r\u00e1pido responde tu sitio cuando alguien hace clic, escribe o interact\u00faa. Reemplaz\u00f3 a FID en 2024 porque mide la experiencia completa, no solo el primer clic. Bueno: menos de 200ms.<\/p>\n\n\n\n Causa com\u00fan:<\/em> JavaScript pesado ejecut\u00e1ndose en el hilo principal, demasiados scripts de terceros (pixeles, chats, analytics mal implementados).<\/p>\n\n\n\n CLS (Cumulative Layout Shift):<\/strong> mide cu\u00e1nto “brinca” tu p\u00e1gina mientras carga \u2014 cuando un bot\u00f3n se mueve justo cuando ibas a darle clic. Bueno: menos de 0.1.<\/p>\n\n\n\n Causa com\u00fan:<\/em> im\u00e1genes o anuncios sin dimensiones definidas, fuentes que cargan tarde y empujan el texto, banners que aparecen despu\u00e9s de la carga inicial.<\/p>\n\n\n\n Un sitio puede verse perfecto en tu pantalla de escritorio con fibra \u00f3ptica y fallar completamente en el celular de un cliente con datos m\u00f3viles en zona de se\u00f1al d\u00e9bil. Google mide con datos reales de usuarios (CrUX), no con una prueba aislada en condiciones ideales. Por eso un sitio “que se ve r\u00e1pido” para ti puede estar reprobando en Search Console.<\/p>\n\n\n\n Core Web Vitals no es un checklist t\u00e9cnico opcional \u2014 es la diferencia entre que Google te muestre a clientes potenciales o que te empuje a la p\u00e1gina 2, donde nadie te encuentra. Arreglarlo no es lujo, es la base para que el resto de tu estrategia (SEO, contenido, anuncios) tenga d\u00f3nde aterrizar.<\/p>","protected":false},"author":1,"featured_media":5072,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"page_builder":"","footnotes":""},"categories":[6],"tags":[44,46,45],"class_list":["post-5056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-core-web-vitals","tag-google-analytics","tag-google-search-console"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tPor qu\u00e9 “se ve bien” no es suficiente<\/h2>\n\n\n\n
C\u00f3mo salir del hoyo<\/h2>\n\n\n\n
\n
width<\/code> y height<\/code> en im\u00e1genes y videos, y usa font-display: swap<\/code> para que las fuentes no muevan el layout al cargar.<\/li>\n\n\n\n