{"id":15500,"date":"2025-02-12T12:07:29","date_gmt":"2025-02-12T10:07:29","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=15500"},"modified":"2025-02-12T12:08:24","modified_gmt":"2025-02-12T10:08:24","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/","title":{"rendered":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins"},"content":{"rendered":"<p>\u00bfTe has encontrado con que tu sitio web carga lento y no sabes por d\u00f3nde empezar a solucionarlo? Esto me pas\u00f3 hace poco con un proyecto personal. El sitio tardaba <strong>10 segundos en cargar<\/strong> en m\u00f3vil, y aunque hab\u00eda trabajado en la optimizaci\u00f3n b\u00e1sica, las m\u00e9tricas de <strong>Core Web Vitals<\/strong> segu\u00edan en rojo. \u00bfEl resultado? P\u00e9rdida de tr\u00e1fico y una mala experiencia para los usuarios.<\/p>\n<p>Despu\u00e9s de unos ajustes clave y algunas herramientas que te voy a compartir aqu\u00ed, logr\u00e9 reducir el tiempo de carga a <strong>menos de 2 segundos<\/strong>. Y lo mejor es que puedes hacer lo mismo, <strong>ya sea que uses WordPress o trabajes directamente con c\u00f3digo<\/strong>.<\/p>\n<p>En esta gu\u00eda, te mostrar\u00e9 c\u00f3mo optimizar cada m\u00e9trica de <strong>Core Web Vitals<\/strong> con ejemplos pr\u00e1cticos y plugins recomendados.<\/p>\n<h2>\u00bfQu\u00e9 son los Core Web Vitals y por qu\u00e9 son importantes?<\/h2>\n<p>Los <strong>Core Web Vitals<\/strong> son un conjunto de m\u00e9tricas clave que Google utiliza para medir la experiencia del usuario en tres aspectos:<\/p>\n<ol>\n<li><strong>Largest Contentful Paint (LCP)<\/strong> \u2013 Tiempo de carga del contenido principal.<br \/>\n<blockquote><p><strong>Objetivo:<\/strong> Menos de 2,5 segundos.<\/p><\/blockquote>\n<\/li>\n<li><strong>First Input Delay (FID)<\/strong> \u2013 Tiempo de respuesta a la primera interacci\u00f3n del usuario.<br \/>\n<blockquote><p><strong>Objetivo:<\/strong> Menos de 100 ms.<\/p><\/blockquote>\n<\/li>\n<li><strong>Cumulative Layout Shift (CLS)<\/strong> \u2013 Estabilidad visual durante la carga.<br \/>\n<blockquote><p><strong>Objetivo:<\/strong> Menos de 0,1.<\/p><\/blockquote>\n<\/li>\n<\/ol>\n<p>Google prioriza p\u00e1ginas r\u00e1pidas y estables en los resultados de b\u00fasqueda, por lo que mejorar estas m\u00e9tricas <strong>no es opcional si quieres tener \u00e9xito online<\/strong>.<\/p>\n<div id=\"attachment_15508\" style=\"width: 1009px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15508\" class=\"wp-image-15508 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas.webp\" alt=\"Core Web Vitals con m\u00e9tricas negativas en google speed insights\" width=\"999\" height=\"618\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas.webp 999w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas-300x186.webp 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas-768x475.webp 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/Core-Web-Vitals-metricas-negativas-700x433.webp 700w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/a><p id=\"caption-attachment-15508\" class=\"wp-caption-text\">Ejemplo de M\u00e9tricas Negativas en PageSpeed Insights<\/p><\/div>\n<h2>Paso 1: C\u00f3mo medir tus Core Web Vitals<\/h2>\n<p>La forma m\u00e1s f\u00e1cil de medir tus Core Web Vitals es usando <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\"><strong>Google PageSpeed Insights<\/strong><\/a>:<\/p>\n<ol>\n<li>Visita <a target=\"_new\" rel=\"noopener\">Google PageSpeed Insights<\/a>.<\/li>\n<li>Introduce la URL de tu sitio y haz clic en <strong>Analizar<\/strong>.<\/li>\n<li>Revisa las m\u00e9tricas en la secci\u00f3n <strong>Core Web Vitals<\/strong>.<\/li>\n<\/ol>\n<blockquote><p><strong>Consejo:<\/strong> Prioriza la optimizaci\u00f3n en dispositivos m\u00f3viles, ya que Google da m\u00e1s peso a las m\u00e9tricas m\u00f3viles en su ranking.<\/p><\/blockquote>\n<div id=\"attachment_15509\" style=\"width: 689px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/google-speed-insights-metricas-positivas.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15509\" class=\"size-full wp-image-15509\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/google-speed-insights-metricas-positivas.webp\" alt=\"google speed insights m\u00e9tricas positivas\" width=\"679\" height=\"837\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/google-speed-insights-metricas-positivas.webp 679w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/google-speed-insights-metricas-positivas-243x300.webp 243w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/a><p id=\"caption-attachment-15509\" class=\"wp-caption-text\">Ejemplo de m\u00e9tricas positivas en Google PageSpeed Insights<\/p><\/div>\n<h2><strong>Paso 2: Optimizaci\u00f3n de Largest Contentful Paint (LCP)<\/strong><\/h2>\n<p>El <strong>Largest Contentful Paint (LCP)<\/strong> mide el tiempo que tarda en cargarse el elemento m\u00e1s grande de tu p\u00e1gina (una imagen, v\u00eddeo o bloque de texto). <strong>Debe ser inferior a 2,5 segundos.<\/strong><\/p>\n<h3><strong>Optimizaci\u00f3n de LCP en WordPress<\/strong><\/h3>\n<ul>\n<li><strong>Optimiza im\u00e1genes autom\u00e1ticamente<\/strong> usando el plugin <strong>Smush<\/strong> o <strong>Imagify<\/strong>.<\/li>\n<li><strong>Activa la carga diferida (lazy loading)<\/strong> con el plugin <strong>Lazy Load by WP Rocket<\/strong>.<\/li>\n<li><strong>Usa un CDN (Content Delivery Network)<\/strong> con <strong>Cloudflare<\/strong> para reducir la latencia.<\/li>\n<\/ul>\n<h4><strong>Plugins recomendados:<\/strong><\/h4>\n<ul>\n<li><strong>WP Rocket:<\/strong> Optimizaci\u00f3n completa de cach\u00e9, lazy loading y minificaci\u00f3n de archivos CSS\/JS.<\/li>\n<li><strong>Perfmatters:<\/strong> Reduce el tiempo de carga desactivando scripts innecesarios.<\/li>\n<\/ul>\n<h3><strong>Optimizaci\u00f3n de LCP para desarrolladores sin WordPress<\/strong><\/h3>\n<ol>\n<li><strong>Optimiza im\u00e1genes manualmente<\/strong> antes de subirlas usando <strong>TinyPNG<\/strong> o <strong>Squoosh<\/strong>.<\/li>\n<li><strong>Implementa lazy loading en HTML:<\/strong>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"sticky top-9 md:top-[5.75rem]\"><\/div>\n<pre class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"imagen-optimizada.webp\"<\/span> <span class=\"hljs-attr\">loading<\/span>=<span class=\"hljs-string\">\"lazy\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Descripci\u00f3n de la imagen\"<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<\/li>\n<li><strong>Adopta HTTP\/2 o HTTP\/3<\/strong> para cargar recursos en paralelo y reducir la latencia.<\/li>\n<\/ol>\n<div id=\"attachment_15514\" style=\"width: 784px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15514\" class=\"size-full wp-image-15514\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals.webp\" alt=\"proceso lazy load para mejorar las m\u00e9tricas de Core Web Vitals\" width=\"774\" height=\"424\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals.webp 774w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals-300x164.webp 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals-768x421.webp 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/lazy-load-para-mejorar-core-web-vitals-700x383.webp 700w\" sizes=\"auto, (max-width: 774px) 100vw, 774px\" \/><\/a><p id=\"caption-attachment-15514\" class=\"wp-caption-text\">Proceso de Lazy Load para mejorar las m\u00e9tricas de Core Web Vitals<\/p><\/div>\n<h2><strong>Paso 3: Mejorar First Input Delay (FID)<\/strong><\/h2>\n<p>El <strong>First Input Delay (FID)<\/strong> mide el tiempo que tarda tu sitio en responder a la primera interacci\u00f3n del usuario. Una buena respuesta debe ser <strong>inferior a 100 ms<\/strong>.<\/p>\n<h3><strong>Optimizaci\u00f3n de FID en WordPress<\/strong><\/h3>\n<ul>\n<li><strong>Minimiza el JavaScript<\/strong> con <strong>Autoptimize<\/strong> o <strong>Asset CleanUp<\/strong>.<\/li>\n<li><strong>Implementa cach\u00e9 de p\u00e1gina<\/strong> usando <strong>WP Rocket<\/strong>.<\/li>\n<li><strong>Reduce scripts de terceros<\/strong>, como widgets de redes sociales o contadores de visitas.<\/li>\n<\/ul>\n<h4><strong>Plugins recomendados:<\/strong><\/h4>\n<ul>\n<li><strong>Flying Scripts:<\/strong> Retrasa la carga de scripts hasta que sean necesarios.<\/li>\n<li><strong>Async JavaScript:<\/strong> Ayuda a cargar JavaScript de forma as\u00edncrona.<\/li>\n<\/ul>\n<h3><strong>Optimizaci\u00f3n de FID para desarrolladores independientes<\/strong><\/h3>\n<ol>\n<li><strong>Divide el c\u00f3digo JavaScript en fragmentos peque\u00f1os<\/strong> y usa <code>defer<\/code> o <code>async<\/code>:\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<pre class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"script.js\"<\/span> <span class=\"hljs-attr\">defer<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<\/li>\n<li><strong>Utiliza Web Workers<\/strong> para manejar procesos complejos en segundo plano y liberar el hilo principal.<\/li>\n<li><strong>Evita scripts innecesarios de terceros<\/strong> en la carga inicial.<\/li>\n<\/ol>\n<h2><strong>Paso 4: Corregir el Cumulative Layout Shift (CLS)<\/strong><\/h2>\n<p>El <strong>Cumulative Layout Shift (CLS)<\/strong> mide la estabilidad visual. <strong>Debe ser menor a 0,1<\/strong> para evitar que el contenido se desplace mientras se carga.<\/p>\n<h3><strong>Optimizaci\u00f3n de CLS en WordPress<\/strong><\/h3>\n<ul>\n<li><strong>Reserva espacio para im\u00e1genes y anuncios<\/strong> con plugins como <strong>AdSanity<\/strong>.<\/li>\n<li><strong>Optimiza las fuentes web<\/strong> con <strong>OMGF (Optimize My Google Fonts)<\/strong>.<\/li>\n<\/ul>\n<h4><strong>Plugins recomendados:<\/strong><\/h4>\n<ul>\n<li><strong>Autoptimize:<\/strong> Combina y optimiza CSS para evitar retrasos en el renderizado.<\/li>\n<li><strong>Preload Fonts:<\/strong> Carga las fuentes esenciales primero.<\/li>\n<\/ul>\n<h3><strong>Optimizaci\u00f3n de CLS para desarrolladores sin WordPress<\/strong><\/h3>\n<ol>\n<li data-start=\"1830\" data-end=\"2586\">\n<p data-start=\"1833\" data-end=\"1902\"><strong data-start=\"1833\" data-end=\"1885\">Define <code data-start=\"1842\" data-end=\"1849\">width<\/code> y <code data-start=\"1852\" data-end=\"1860\">height<\/code> en la etiqueta <code data-start=\"1876\" data-end=\"1883\">&lt;img&gt;<\/code><\/strong> para im\u00e1genes:<\/p>\n<p data-start=\"1907\" data-end=\"2066\">Al especificar el ancho y alto directamente en el HTML, el navegador puede reservar el espacio necesario antes de cargar la imagen, evitando desplazamientos.<\/p>\n<p data-start=\"2071\" data-end=\"2085\"><strong data-start=\"2071\" data-end=\"2083\">Ejemplo:<\/strong><\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<pre class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"imagen.jpg\"<\/span> <span class=\"hljs-attr\">width<\/span>=<span class=\"hljs-string\">\"800\"<\/span> <span class=\"hljs-attr\">height<\/span>=<span class=\"hljs-string\">\"600\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Descripci\u00f3n de la imagen\"<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<p data-start=\"2190\" data-end=\"2290\">Esto asegura que el navegador calcule correctamente la proporci\u00f3n de la imagen desde el principio.<\/p>\n<p data-start=\"2298\" data-end=\"2377\">Si necesitas que las im\u00e1genes sean responsivas, puedes combinar esto con CSS:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<pre class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style<\/span>&gt;<\/span><span class=\"language-css\">\r\n  <span class=\"hljs-selector-class\">.responsive<\/span> {\r\n    <span class=\"hljs-attribute\">width<\/span>: <span class=\"hljs-number\">100%<\/span>;\r\n    <span class=\"hljs-attribute\">height<\/span>: auto;\r\n  }\r\n<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">style<\/span>&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"imagen.jpg\"<\/span> <span class=\"hljs-attr\">width<\/span>=<span class=\"hljs-string\">\"800\"<\/span> <span class=\"hljs-attr\">height<\/span>=<span class=\"hljs-string\">\"600\"<\/span> <span class=\"hljs-attr\">class<\/span>=<span class=\"hljs-string\">\"responsive\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Descripci\u00f3n de la imagen\"<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<\/li>\n<li data-start=\"2588\" data-end=\"3002\">\n<p data-start=\"2591\" data-end=\"2742\"><strong data-start=\"2591\" data-end=\"2628\">Pre-carga las fuentes esenciales:<\/strong><br data-start=\"2628\" data-end=\"2631\" \/>Usar la etiqueta <code data-start=\"2651\" data-end=\"2659\">&lt;link&gt;<\/code> para precargar fuentes ayuda a evitar cambios bruscos de texto durante la carga.<\/p>\n<p data-start=\"2747\" data-end=\"2761\"><strong data-start=\"2747\" data-end=\"2759\">Ejemplo:<\/strong><\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<pre class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">link<\/span> <span class=\"hljs-attr\">rel<\/span>=<span class=\"hljs-string\">\"preload\"<\/span> <span class=\"hljs-attr\">href<\/span>=<span class=\"hljs-string\">\"fuente.woff2\"<\/span> <span class=\"hljs-attr\">as<\/span>=<span class=\"hljs-string\">\"font\"<\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"font\/woff2\"<\/span> <span class=\"hljs-attr\">crossorigin<\/span>=<span class=\"hljs-string\">\"anonymous\"<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<\/div>\n<p data-start=\"2882\" data-end=\"3002\">Esto garantiza que las fuentes est\u00e9n disponibles desde el inicio y no provoquen saltos al cambiar el estilo del texto.<\/p>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><strong>Conclusi\u00f3n<\/strong><\/h2>\n<p>Optimizar tus <strong>Core Web Vitals<\/strong> es esencial si quieres ofrecer una experiencia de usuario fluida y mejorar tu <strong>posicionamiento SEO<\/strong>. Tanto si usas <strong>WordPress<\/strong> como si trabajas directamente con c\u00f3digo, estas estrategias te ayudar\u00e1n a mantener tus m\u00e9tricas en verde.<\/p>\n<p>Recuerda, el camino hacia un sitio r\u00e1pido y estable es un proceso de prueba y ajuste. <strong>\u00bfHas probado alguna de estas t\u00e9cnicas? D\u00e9jame un comentario con tu experiencia o dudas. \u00a1Me encantar\u00eda saber c\u00f3mo te ha ido!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfTe has encontrado con que tu sitio web carga lento y no sabes por d\u00f3nde empezar a solucionarlo? Esto me pas\u00f3 hace poco con un proyecto personal. El sitio tardaba 10 segundos en cargar en m\u00f3vil, y aunque hab\u00eda trabajado en la optimizaci\u00f3n b\u00e1sica, las&#8230;<\/p>\n","protected":false},"author":33,"featured_media":15525,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-15500","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins<\/title>\n<meta name=\"description\" content=\"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2025\/02\/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 en 2025: Gu\u00eda Completa con Ejemplos y Plugins\" \/>\n<meta property=\"og:description\" content=\"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-12T10:07:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-12T10:08:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Stephanie Guerrero\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins\" \/>\n<meta name=\"twitter:description\" content=\"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Stephanie Guerrero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\"},\"author\":{\"name\":\"Stephanie Guerrero\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\"},\"headline\":\"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins\",\"datePublished\":\"2025-02-12T10:07:29+00:00\",\"dateModified\":\"2025-02-12T10:08:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\"},\"wordCount\":948,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\",\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\",\"name\":\"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\",\"datePublished\":\"2025-02-12T10:07:29+00:00\",\"dateModified\":\"2025-02-12T10:08:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\"},\"description\":\"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp\",\"width\":1000,\"height\":500,\"caption\":\"optimizaci\u00f3n web core vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8\",\"name\":\"Stephanie Guerrero\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g\",\"caption\":\"Stephanie Guerrero\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/s-guerrero\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins","description":"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.","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:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/","og_locale":"es_ES","og_type":"article","og_title":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins","og_description":"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.","og_url":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/","og_site_name":"Blog Escola Espai","article_published_time":"2025-02-12T10:07:29+00:00","article_modified_time":"2025-02-12T10:08:24+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","type":"image\/webp"}],"author":"Stephanie Guerrero","twitter_card":"summary_large_image","twitter_title":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins","twitter_description":"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.","twitter_image":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","twitter_misc":{"Escrito por":"Stephanie Guerrero","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/"},"author":{"name":"Stephanie Guerrero","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8"},"headline":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins","datePublished":"2025-02-12T10:07:29+00:00","dateModified":"2025-02-12T10:08:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/"},"wordCount":948,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/","url":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/","name":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","datePublished":"2025-02-12T10:07:29+00:00","dateModified":"2025-02-12T10:08:24+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8"},"description":"Aprende a optimizar tus Core Web Vitals en 2025 con ejemplos pr\u00e1cticos, plugins para WordPress y estrategias avanzadas para desarrolladores.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","width":1000,"height":500,"caption":"optimizaci\u00f3n web core vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2025\/02\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals en 2025: Gu\u00eda Completa con Ejemplos y Plugins"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/8887c3fae1d9daa1a5c3a8ce82a80ea8","name":"Stephanie Guerrero","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/edb01ba3ec407f03473bab15d97307f0994509854c5cd5010af58ca3ef873327?s=96&d=mm&r=g","caption":"Stephanie Guerrero"},"url":"https:\/\/www.espai.es\/blog\/author\/s-guerrero\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2025\/02\/optimizacion-web-core-vitals.webp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=15500"}],"version-history":[{"count":15,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15500\/revisions"}],"predecessor-version":[{"id":15504,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/15500\/revisions\/15504"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/15525"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=15500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=15500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=15500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}