{"id":1504,"date":"2026-09-16T05:54:02","date_gmt":"2026-09-16T05:54:02","guid":{"rendered":"https:\/\/blog.juliobrasa.com\/1504-2\/"},"modified":"2026-09-16T05:54:05","modified_gmt":"2026-09-16T05:54:05","slug":"velocidad-de-carga-web-audita-y-mejora-tus-core-web-vitals","status":"publish","type":"post","link":"https:\/\/juliobrasa.com\/blog\/velocidad-de-carga-web-audita-y-mejora-tus-core-web-vitals\/","title":{"rendered":"Velocidad de carga web: audita y mejora tus Core Web Vitals"},"content":{"rendered":"

Si tu web tarda en cargar, lo notas. Y no solo t\u00fa: lo nota Google y, sobre todo, lo nota quien cierra la pesta\u00f1a a los tres segundos. La velocidad de carga web<\/strong> influye directamente en tu posicionamiento SEO y en la experiencia de quien te visita, y por tanto en tus ventas. En Novalca hemos auditado cientos de webs en Espa\u00f1a y M\u00e9xico, y todav\u00eda nos sorprende cu\u00e1ntas empresas pierden clientes por cargas superiores a esos tres segundos. Aqu\u00ed te cuento, paso a paso, c\u00f3mo auditar tu sitio y mejorar los Core Web Vitals.<\/p>\n

\u00bfPor qu\u00e9 importa la velocidad de carga web?<\/h2>\n

Google lleva a\u00f1os usando los Core Web Vitals<\/strong> como se\u00f1al de clasificaci\u00f3n. Y los usuarios tampoco perdonan: seg\u00fan varios estudios, el 53% de las visitas desde m\u00f3vil se abandonan si la p\u00e1gina tarda m\u00e1s de tres segundos en cargar. Amazon, por su parte, calcul\u00f3 que cada 100 milisegundos extra le costaba un 1% de ventas. Pi\u00e9nsalo. Una web lenta te cuesta dinero y visibilidad, tengas una tienda online o un blog corporativo. No hay vuelta que darle.<\/p>\n

Los tres Core Web Vitals que debes conocer<\/h2>\n

LCP: Largest Contentful Paint<\/h3>\n

Mide cu\u00e1nto tarda en renderizarse el elemento m\u00e1s grande visible en pantalla (normalmente una imagen hero o un bloque de texto). El objetivo: que sea inferior a 2,5 segundos<\/strong>. Las causas m\u00e1s habituales de un LCP deficiente son im\u00e1genes sin optimizar, servidores lentos y JavaScript que bloquea el renderizado.<\/p>\n

INP: Interaction to Next Paint<\/h3>\n

Sustituy\u00f3 al antiguo FID en marzo de 2024. Mide la capacidad de respuesta de la p\u00e1gina ante las interacciones del usuario: clics, toques, teclado. Busca un valor por debajo de 200 milisegundos<\/strong>. Un INP malo suele indicar que hay demasiado JavaScript ejecut\u00e1ndose en el hilo principal.<\/p>\n

CLS: Cumulative Layout Shift<\/h3>\n

La estabilidad visual, o dicho de otro modo: cu\u00e1nto \u00abse mueve\u00bb el contenido mientras carga. Un buen CLS es menor a 0,1<\/strong>. \u00bfLos culpables t\u00edpicos? Im\u00e1genes sin dimensiones definidas, anuncios que se insertan din\u00e1micamente y fuentes web que provocan saltos de texto.<\/p>\n

C\u00f3mo auditar la velocidad de tu web paso a paso<\/h2>\n

1. PageSpeed Insights<\/h3>\n

La herramienta gratuita de referencia de Google. Introduces tu URL y obtienes puntuaciones para m\u00f3vil y escritorio, junto con los valores de cada Core Web Vital. Un consejo desde mi experiencia: f\u00edjate m\u00e1s en el informe de datos de campo<\/em> (usuarios reales) que en los datos de laboratorio, que no son m\u00e1s que una simulaci\u00f3n en condiciones ideales.<\/p>\n

2. Search Console<\/h3>\n

En el apartado \u00abExperiencia de p\u00e1gina\u00bb encontrar\u00e1s un informe de Core Web Vitals agrupado por tipo de p\u00e1gina. Esto es oro. Te dice exactamente qu\u00e9 plantillas (fichas de producto, entradas de blog, categor\u00edas) est\u00e1n fallando, en lugar de obligarte a analizar URL por URL.<\/p>\n

3. Lighthouse y Chrome DevTools<\/h3>\n

Integrado en Chrome (pesta\u00f1a Lighthouse en las DevTools), permite auditor\u00edas m\u00e1s profundas, con cascada de peticiones y an\u00e1lisis del hilo de JavaScript. Para diagnosticar problemas concretos \u2014un script de terceros que bloquea la carga, por ejemplo\u2014 es insustituible.<\/p>\n

4. WebPageTest y GTmetrix<\/h3>\n

Ambos ofrecen pruebas desde distintas ubicaciones geogr\u00e1ficas y conexiones. Si tu mercado es M\u00e9xico pero tu servidor est\u00e1 en Europa, aqu\u00ed lo ver\u00e1s de inmediato. En Novalca hemos resuelto m\u00e1s de un caso simplemente migrando el hosting o a\u00f1adiendo una CDN m\u00e1s cercana al usuario.<\/p>\n

Las causas m\u00e1s frecuentes de una web lenta<\/h2>\n
    \n
  • Im\u00e1genes sin optimizar:<\/strong> una foto de 4 MB en el hero arruina tu LCP. Usa formatos modernos como WebP o AVIF, y comprime siempre antes de subir.<\/li>\n
  • Hosting de baja calidad:<\/strong> un servidor compartido saturado puede a\u00f1adir segundos al tiempo de respuesta (TTFB). No escatimes aqu\u00ed; es la base de todo.<\/li>\n
  • JavaScript y CSS excesivos:<\/strong> temas de WordPress con 20 sliders y 15 plugins de animaci\u00f3n generan cientos de kilobytes innecesarios.<\/li>\n
  • Falta de cach\u00e9:<\/strong> sin cach\u00e9 de p\u00e1gina ni cach\u00e9 de navegador, cada visita reconstruye la web desde cero.<\/li>\n
  • Scripts de terceros:<\/strong> p\u00edxeles de marketing, chats y herramientas de anal\u00edtica pueden llegar a representar el 50% del peso de una p\u00e1gina.<\/li>\n<\/ul>\n

    C\u00f3mo mejorar cada Core Web Vital<\/h2>\n

    Para mejorar el LCP<\/h3>\n
      \n
    • Precarga la imagen principal con fetchpriority=\u00bbhigh\u00bb<\/em>.<\/li>\n
    • Implementa una CDN para servir recursos desde servidores cercanos al usuario.<\/li>\n
    • A\u00f1ade cach\u00e9 de p\u00e1gina y optimiza el TTFB por debajo de 600 ms.<\/li>\n
    • Aplaza todo JavaScript que no sea cr\u00edtico con el atributo defer<\/em>.<\/li>\n<\/ul>\n

      Para mejorar el INP<\/h3>\n
        \n
      • Reduce el JavaScript de terceros y elimina scripts que ya no uses.<\/li>\n
      • Divide tareas largas de JavaScript en trozos m\u00e1s peque\u00f1os (code splitting).<\/li>\n
      • Aplaza la ejecuci\u00f3n de widgets no esenciales hasta que el usuario interact\u00fae.<\/li>\n<\/ul>\n

        Para mejorar el CLS<\/h3>\n
          \n
        • Define siempre los atributos width<\/em> y height<\/em> en im\u00e1genes y v\u00eddeos.<\/li>\n
        • Reserva espacio para anuncios y contenido incrustado.<\/li>\n
        • Usa font-display: swap<\/em> con fuentes precargadas para evitar saltos de texto.<\/li>\n<\/ul>\n
          Tip pr\u00e1ctico:<\/strong> antes de tocar c\u00f3digo, haz una prueba antes\/despu\u00e9s. Documenta tus m\u00e9tricas, aplica un solo cambio (convertir todas las im\u00e1genes a WebP, por ejemplo) y vuelve a medir. As\u00ed sabr\u00e1s exactamente qu\u00e9 impacto tiene cada optimizaci\u00f3n y evitar\u00e1s romper funcionalidades.<\/div>\n

          Una experiencia real de nuestro equipo<\/h2>\n

          Hace unos meses auditamos la web de un cliente de e-commerce en M\u00e9xico con una tasa de rebote del 70% en m\u00f3vil. El diagn\u00f3stico: un tema sobrecargado, im\u00e1genes de producto sin comprimir y cero cach\u00e9. Optimizamos im\u00e1genes, implementamos cach\u00e9 y una CDN. El LCP pas\u00f3 de 5,8 a 1,9 segundos, y la conversi\u00f3n m\u00f3vil subi\u00f3 un 23% en dos meses. Sin magia. Solo m\u00e9todo.<\/p>\n

          Conclusi\u00f3n<\/h2>\n

          Auditar y mejorar la velocidad de carga web<\/strong> es de las inversiones con mejor retorno que puedes hacer en tu presencia digital. Empieza midiendo con PageSpeed Insights y Search Console, identifica tus Core Web Vitals en rojo y ataca las causas m\u00e1s comunes: im\u00e1genes pesadas, hosting deficiente, exceso de JavaScript y falta de cach\u00e9. No hace falta ser un experto t\u00e9cnico para dar los primeros pasos, aunque s\u00ed se necesita constancia y un plan de medici\u00f3n continuo. Y si tu proyecto ha crecido y necesitas una infraestructura seria, un buen hosting y una auditor\u00eda profesional pueden marcar la diferencia entre perder o ganar clientes cada d\u00eda. Tu web es tu escaparate: haz que cargue r\u00e1pido y deje de dejarte dinero en la mesa.<\/p>\n

          \n

          \u00bfCada cu\u00e1nto debo auditar la velocidad de mi web?<\/h3>\n

          Como m\u00ednimo una vez al trimestre, y siempre tras cambios importantes: redise\u00f1os, nuevos plugins, migraciones o campa\u00f1as de tr\u00e1fico intensivo.<\/p>\n

          \u00bfQu\u00e9 puntuaci\u00f3n m\u00ednima deber\u00eda buscar en PageSpeed Insights?<\/h3>\n

          Lo ideal es superar 90 en m\u00f3vil, pero lo realmente importante es que los tres Core Web Vitals est\u00e9n en verde seg\u00fan los datos de campo.<\/p>\n

          \u00bfUna CDN mejora siempre la velocidad?<\/h3>\n

          Casi siempre, sobre todo con usuarios distribuidos geogr\u00e1ficamente. Si tu audiencia es muy local y tu hosting ya est\u00e1 cerca, la ganancia ser\u00e1 menor.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

          Si tu web tarda en cargar, lo notas. Y no solo t\u00fa: lo nota Google y, sobre todo, lo nota quien cierra la pesta\u00f1a a los tres segundos. La velocidad de carga web influye directamente en tu posicionamiento SEO y en la experiencia de quien te visita, y por tanto en tus ventas. En Novalca…<\/p>\n","protected":false},"author":6,"featured_media":1506,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Velocidad de carga web: audita y mejora tus Core Web Vitals","rank_math_description":"Aprende a auditar la velocidad de carga web y mejorar tus Core Web Vitals con herramientas y pasos pr\u00e1cticos. Empieza a optimizar tu site hoy mismo.","rank_math_focus_keyword":"velocidad de carga web","footnotes":""},"categories":[25],"tags":[],"class_list":["post-1504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia-e-ia"],"_links":{"self":[{"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/posts\/1504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/comments?post=1504"}],"version-history":[{"count":1,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/posts\/1504\/revisions"}],"predecessor-version":[{"id":1505,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/posts\/1504\/revisions\/1505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/media\/1506"}],"wp:attachment":[{"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/media?parent=1504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/categories?post=1504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juliobrasa.com\/blog\/wp-json\/wp\/v2\/tags?post=1504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}