{"id":33523,"date":"2024-10-11T07:00:00","date_gmt":"2024-10-11T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=33523"},"modified":"2025-01-16T15:27:55","modified_gmt":"2025-01-16T23:27:55","slug":"mejorar-metricas-web-principales","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/","title":{"rendered":"Mejor Rendimiento para Mejores Posiciones: 10 Consejos para Mejorar las M\u00e9tricas Web Principales"},"content":{"rendered":"\n<p>Has construido un hermoso sitio web con contenido atractivo y comenzaste a enviar clientes all\u00ed.<\/p>\n\n\n\n<p>Est\u00e1s en una situaci\u00f3n emocionante, especialmente si reci\u00e9n est\u00e1s comenzando en l\u00ednea.<\/p>\n\n\n\n<p>Pero despu\u00e9s de una semana en l\u00ednea, te das cuenta de que tu sitio carga m\u00e1s lento que un perezoso en un domingo perezoso, y los visitantes se van m\u00e1s r\u00e1pido que un canguro con cafe\u00edna.<\/p>\n\n\n\n<p>\u00bfTe suena familiar? Bueno, necesitas comenzar a pensar en lo que Google llama las <strong>M\u00e9tricas Web Principales (MWP)<\/strong>.<\/p>\n\n\n\n<p>Seg\u00fan los \u00faltimos informes de Chrome, m\u00e1s del <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes?hl=es-419\" rel=\"noopener\">50.1%<\/a> de los sitios web ya tienen buenas puntuaciones en las M\u00e9tricas Web Principales. Y este n\u00famero sigue creciendo mes a mes, lo que significa que cada vez m\u00e1s propietarios de sitios astutos est\u00e1n descubriendo este secreto para mejorar el rendimiento.<\/p>\n\n\n\n<p>Aqu\u00ed est\u00e1 la clave: si a\u00fan no eres parte de ese 50%, est\u00e1s arriesgando tus posiciones en Google, frustrando a tus visitantes y potencialmente dejando dinero sobre la mesa.<\/p>\n\n\n\n<p>\u00a1Vamos a cambiar eso, \u00bfte parece?<\/p>\n\n\n\n<h2 id=\"h-y-entonces-que-son-las-metricas-web-principales\" class=\"wp-block-heading\">Y Entonces, \u00bfQu\u00e9 Son las M\u00e9tricas Web Principales?<\/h2>\n\n\n\n<p>Piensa en las M\u00e9tricas Web Principales como el bolet\u00edn de calificaciones de tu sitio web.<\/p>\n\n\n\n<p>A medida que <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/dirige-trafico-a-tu-sitio\/\" rel=\"noopener\">diriges tr\u00e1fico a tu sitio web<\/a>, Google utiliza estas m\u00e9tricas para evaluar cu\u00e1n amigable es tu sitio para los usuarios. B\u00e1sicamente, est\u00e1 midiendo la velocidad, la capacidad de respuesta y la estabilidad visual de tu sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"928\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1024x928.jpg\" alt=\"Gr\u00e1fico de barras que muestra la tasa de adopci\u00f3n de CWV: 64,8 % LCP, 78,2 % CLS, 85 % INP\" class=\"wp-image-50099 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1024x928.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-300x272.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-768x696.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1536x1392.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-600x544.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1200x1088.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-730x662.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1460x1323.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-784x711.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-1568x1421.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web-877x795.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Tasa-Adopcion-Metricas-Principales-Web.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/928;\" \/><\/figure>\n\n\n\n<p>Hay tres m\u00e9tricas de M\u00e9tricas Web Principales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint (LCP)<\/strong><\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS)<\/strong><\/li>\n\n\n\n<li><strong>Interaction to Next Paint (INP)<\/strong><\/li>\n\n\n<\/ul>\n\n\n\n<p>Puede que no tengan sentido en este momento; vamos a intentar entender cada una de ellas por separado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-largest-contentful-paint-lcp\">Largest Contentful Paint (LCP)<\/h3>\n\n\n\n<p>Imagina que est\u00e1s en un restaurante y el camarero trae tu aperitivo casi al instante.<\/p>\n\n\n\n<p>Eso es lo que hace un buen LCP por tu sitio web.<\/p>\n\n\n\n<p>Mide cu\u00e1n r\u00e1pido se carga el elemento de contenido m\u00e1s grande \u2014 la imagen principal, un video grande o un gran bloque de texto \u2014 en tu p\u00e1gina.<\/p>\n\n\n\n<p>Seg\u00fan el mismo informe de Chrome sobre las M\u00e9tricas Principales Web, el <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes?hl=es-419\" rel=\"noopener\">64.8% de los sitios web<\/a> ya han logrado sus puntuaciones de LCP. Y cada mes, m\u00e1s sitios nuevos est\u00e1n sirviendo su contenido principal m\u00e1s r\u00e1pido.<\/p>\n\n\n\n<p>Si deseas unirte al sal\u00f3n de la fama del LCP, debes apuntar a un tiempo de carga de 2.5 segundos o menos para <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/incrementar-tasa-conversion-sitio-web\/\" rel=\"noopener\">aumentar la tasa de conversi\u00f3n de tu sitio web<\/a>.<\/p>\n\n\n\n<p>Cualquier cosa por encima de 4 segundos y estar\u00e1s perdiendo clientes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cumulative-layout-shift-cls\">Cumulative Layout Shift (CLS)<\/h3>\n\n\n\n<p>Piensa en las ocasiones en que podr\u00edas haber hecho clic en un bot\u00f3n en un sitio m\u00f3vil \u2014 y otro elemento se carg\u00f3 en su lugar, haciendo que el bot\u00f3n desapareciera \u2014 e hiciste clic en ese elemento en su lugar.<\/p>\n\n\n\n<p>No es divertido. La puntuaci\u00f3n de CLS tiene como objetivo eliminar esto.<\/p>\n\n\n\n<p>Mide cu\u00e1nto se mueven los elementos de tu p\u00e1gina mientras se carga. Una baja puntuaci\u00f3n de CLS significa que tu dise\u00f1o se mantiene bastante estable durante todo el proceso de carga.<\/p>\n\n\n\n<p>Puedes considerar que tu <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-optimizar-tu-sitio-dispositivos-moviles\/\" rel=\"noopener\">sitio web est\u00e1 optimizado<\/a> para m\u00f3viles si el dise\u00f1o no se desplaza durante la carga.<\/p>\n\n\n\n<p>A partir de septiembre de 2024, el <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes?hl=es-419\" rel=\"noopener\">78.2% de los sitios web<\/a> han logrado buenas puntuaciones de CLS, con un aumento constante en los n\u00fameros mes a mes. Esto muestra que m\u00e1s desarrolladores est\u00e1n priorizando una experiencia de usuario fluida y sin desplazamientos.<\/p>\n\n\n\n<p>Entonces, si deseas una experiencia de usuario estable, apunta a una puntuaci\u00f3n de CLS de 0.1 o menos. Cualquier cosa por encima de 0.25 har\u00e1 que tus usuarios sientan que toda la p\u00e1gina se est\u00e1 moviendo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-interaction-to-next-paint-inp\">Interaction to Next Paint (INP)<\/h3>\n\n\n\n<p>INP se agreg\u00f3 el 12 de marzo de 2024 al marco de las M\u00e9tricas Web Principales, reemplazando la m\u00e9trica anterior de First Input Delay (FID). Mientras que el FID solo mide la primera interacci\u00f3n del usuario, el INP observa todas las interacciones a lo largo de una visita a la p\u00e1gina.<\/p>\n\n\n\n<p>Los datos del informe de Chrome muestran que el <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux\/release-notes?hl=es-419\" rel=\"noopener\">85% de los sitios web<\/a> ya est\u00e1n obteniendo buenas puntuaciones de INP. Es probable que, si est\u00e1s optimizando tu sitio para las dos puntuaciones anteriores de manera adecuada, el INP se ajuste.<\/p>\n\n\n\n<p>Para mantener a tus usuarios felices y comprometidos, apunta a un INP de 200 milisegundos o menos. Si te encuentras entre 200 y 500 milisegundos, tienes algo de trabajo por hacer.<\/p>\n\n\n\n<p>Cualquier cosa por encima de 500 milisegundos y estar\u00e1s dando a tus visitantes una experiencia de conexi\u00f3n dial-up.<\/p>\n\n\n\n<h2 id=\"h-como-medir-las-metricas-web-principales\" class=\"wp-block-heading\">C\u00f3mo Medir Las M\u00e9tricas Web Principales<\/h2>\n\n\n\n<p>Antes de comenzar a trabajar en la mejora de tus puntuaciones de M\u00e9tricas Web Principales, es prudente tener una idea de d\u00f3nde se encuentra actualmente tu sitio. De esta manera, podr\u00e1s medir tu progreso. Evaluar regularmente tus puntuaciones puede ser una parte valiosa del <a>mantenimiento de tu sitio web<\/a>.<\/p>\n\n\n\n<p>Veamos algunas formas diferentes de medir el rendimiento de tu sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-pagespeed-insights\">PageSpeed Insights<\/h3>\n\n\n\n<p>Hay un pu\u00f1ado de herramientas en l\u00ednea que puedes usar para medir las M\u00e9tricas Web Principales, incluyendo Pingdom y GTmetrix. Sin embargo, recomendamos usar <a target=\"_blank\" href=\"https:\/\/pagespeed.web.dev\/\" rel=\"noopener\">Google PageSpeed Insights<\/a>.<\/p>\n\n\n\n<p>Para comenzar, ingresa la URL de tu sitio web y luego haz clic en el bot\u00f3n <strong>Analyze<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"579\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-Google-PageSpeed-Insights-1-1024x579.jpg\" alt=\"Captura de pantalla del informe de PageSpeed \u200b\u200bInsights para https:\/\/www.google.com con una puntuaci\u00f3n de &quot;aprobado&quot; para el acceso a Core Web Vitals\" class=\"wp-image-50100 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-Google-PageSpeed-Insights-1-1024x579.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-Google-PageSpeed-Insights-1-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-Google-PageSpeed-Insights-1-768x434.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-Google-PageSpeed-Insights-1-1536x869.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-600x339.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-1200x679.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-730x413.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-1460x826.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-784x443.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-1568x887.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1-877x496.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-Google-PageSpeed-Insights-1.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/579;\" \/><\/figure>\n\n\n\n<p>Cuando termine de analizar tu sitio, proporcionar\u00e1 un resumen de algunos de los datos clave y los datos de M\u00e9tricas Web Principales del sitio. Como puedes ver en la imagen anterior, el sitio web predeterminado de Google tiene:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>LCP<\/strong>: 0.7 segundos<\/li>\n\n\n\n<li><strong>INP<\/strong>: 63 millisegundos&nbsp;<\/li>\n\n\n\n<li><strong>CLS<\/strong>: 0<\/li>\n\n\n<\/ul>\n\n\n\n<p>PageSpeed Insights prueba las puntuaciones de m\u00f3vil y escritorio al mismo tiempo, y puedes alternar entre ellas justo debajo de donde ingresaste el sitio web.<\/p>\n\n\n\n<p>Si sigues desplaz\u00e1ndote, tambi\u00e9n encontrar\u00e1s algunos diagn\u00f3sticos y sugerencias para mejoras. Basado en la puntuaci\u00f3n de tu sitio, PageSpeed Insights ofrece un pu\u00f1ado de recomendaciones que puedes utilizar para aumentar tu puntuaci\u00f3n y mejorar el rendimiento de tu sitio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-informe-de-experiencia-del-usuario-de-chrome\">Informe de Experiencia del Usuario de Chrome<\/h3>\n\n\n\n<p>Tambi\u00e9n puedes acceder a tus M\u00e9tricas Web Principales a trav\u00e9s de tu Informe de <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/crux?hl=es-419\" rel=\"noopener\">Experiencia del Usuario de Chrome<\/a>. Esto puede ser particularmente \u00fatil para desarrolladores y webmasters.<\/p>\n\n\n\n<p>Este informe est\u00e1 disponible a trav\u00e9s de <a target=\"_blank\" href=\"https:\/\/search.google.com\/search-console\/about\" rel=\"noopener\">Google Search Console<\/a> y proporciona datos e informaci\u00f3n real de tus visitantes. Te ayuda a entender c\u00f3mo tus usuarios utilizan la web e interact\u00faan con tu sitio.<\/p>\n\n\n\n<p>Para verlo, necesitar\u00e1s dirigirte al panel de control de Google Search Console. Luego, navega a <strong>M\u00e9tricas Web Principales<\/strong>, que se encuentra en la secci\u00f3n \u201cExperiencia\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-extension-de-chrome-web-vitals-nbsp\">Extensi\u00f3n de Chrome Web Vitals&nbsp;<\/h3>\n\n\n\n<p>Si eres usuario de Chrome, puedes usar la <a target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\" rel=\"noopener\">extensi\u00f3n Web Vitals de Chrome<\/a> para evaluar tus M\u00e9tricas Web Principales en cualquier sitio web en el que est\u00e9s.<\/p>\n\n\n\n<p>\u00a1Solo agrega la extensi\u00f3n a Chrome y estar\u00e1s listo para comenzar!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"579\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-web-vitals-1024x579.jpg\" alt=\"Captura de pantalla de la p\u00e1gina de descarga de la extensi\u00f3n Web Vitals que muestra el bot\u00f3n &quot;Agregar a Chrome&quot; en la esquina superior derecha.\" class=\"wp-image-50101 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-web-vitals-1024x579.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-web-vitals-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-web-vitals-768x434.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-web-vitals-1536x869.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-600x339.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-1200x679.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-730x413.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-1460x826.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-784x443.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-1568x887.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals-877x496.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-web-vitals.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/579;\" \/><\/figure>\n\n\n\n<p>La pr\u00f3xima vez que est\u00e9s en un sitio web, simplemente haz clic en el \u00edcono de la extensi\u00f3n en la parte superior de tu p\u00e1gina, y ver\u00e1s la puntuaci\u00f3n de M\u00e9tricas Web Principales para ese sitio web.<\/p>\n\n\n\n<p>Aqu\u00ed est\u00e1 c\u00f3mo se ve la salida de la extensi\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"664\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-web-vitals-Plugin-1024x664.jpg\" alt=\"Captura de pantalla de la extensi\u00f3n Metrics en uso que muestra los tiempos de respuesta para LCP, CLS, INP, FCP y el tiempo hasta el primer byte\" class=\"wp-image-50102 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-web-vitals-Plugin-1024x664.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-web-vitals-Plugin-300x195.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-web-vitals-Plugin-768x498.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-web-vitals-Plugin-1536x996.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-600x389.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-1200x779.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-730x474.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-1460x947.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-784x509.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-1568x1017.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin-877x569.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-web-vitals-Plugin.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/664;\" \/><\/figure>\n\n\n\n<p>Ver\u00e1s las puntuaciones de LCP, CLS e INP de un vistazo sin necesidad de visitar la p\u00e1gina de PageSpeed Insights cada vez.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-como-mejorar-las-metricas-web-principales-para-obtener-mejores-puntuaciones-en-google\" class=\"wp-block-heading\">\u00bfC\u00f3mo Mejorar las M\u00e9tricas Web Principales para Obtener Mejores Puntuaciones en Google?<\/h2>\n\n\n\n<p>Ahora que tenemos lo b\u00e1sico claro, profundicemos en algunas pr\u00e1cticas recomendadas para mejorar las puntuaciones de M\u00e9tricas Web Principales de tu p\u00e1gina. Recuerda, no se trata solo de impresionar a Google, sino de crear un sitio web que a tus visitantes les encantar\u00e1 utilizar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-usa-formatos-de-imagen-modernos\">1. Usa Formatos de Imagen Modernos<\/h3>\n\n\n\n<p>Somos criaturas visuales, pero esas hermosas im\u00e1genes de alta resoluci\u00f3n pueden afectar el rendimiento del sitio web si no se comprimen correctamente.<\/p>\n\n\n\n<p>Necesitas <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-solucionar-errores-comunes-imagen-wordpress\/\" rel=\"noopener\">optimizar las im\u00e1genes<\/a> y luego <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-arreglar-problemas-carga-imagenes\/\" rel=\"noopener\">cargar las im\u00e1genes optimizadas en tu sitio web<\/a> en lugar de utilizar soluciones del lado del servidor.<\/p>\n\n\n\n<p>Para resolver este problema y hacer la web m\u00e1s r\u00e1pida, Google lanz\u00f3 el formato WebP. Este formato retiene muchos de los detalles de la imagen mientras reduce significativamente los tama\u00f1os de las im\u00e1genes.<\/p>\n\n\n\n<p>WebP puede ser el formato preferido para fotograf\u00edas e im\u00e1genes complejas. Ofrece una mejor compresi\u00f3n que JPEG o PNG, lo que significa que puedes tener tama\u00f1os de archivo m\u00e1s peque\u00f1os sin sacrificar calidad. Las im\u00e1genes WebP son <a target=\"_blank\" href=\"https:\/\/developers.google.com\/speed\/webp?hl=es-419\" rel=\"noopener\">aproximadamente un 30% m\u00e1s peque\u00f1as<\/a> que sus contrapartes en JPEG. As\u00ed que, ahorras mucho ancho de banda y el tiempo que lleva cargar la p\u00e1gina.<\/p>\n\n\n\n<p>En DreamHost, nos encanta usar <a target=\"_blank\" href=\"https:\/\/squoosh.app\/\" rel=\"noopener\">Squoosh<\/a> para convertir im\u00e1genes a WebP o simplemente comprimirlas para ahorrar espacio.<\/p>\n\n\n\n<p>Aqu\u00ed hay algunos complementos adicionales de optimizaci\u00f3n de im\u00e1genes a considerar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n\n\n<\/ul>\n\n\n\n<p>Adem\u00e1s de WebP, recomendamos usar SVG para \u00edconos, logotipos e ilustraciones.<\/p>\n\n\n\n<p>Los <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/crear-y-usar-archivos-svg-sitio-web\/\" rel=\"noopener\">SVG (Scalable Vector Graphics)<\/a> no son im\u00e1genes per se. En comparaci\u00f3n con formatos de imagen regulares como JPEG, PNG, WebP, etc., los SVG son un lenguaje de marcado basado en XML que describe la imagen en un plano geom\u00e9trico 2D.<\/p>\n\n\n\n<p>Este texto de descripci\u00f3n se env\u00eda al usuario, y el navegador del usuario lo convierte en una &#8220;imagen&#8221; despu\u00e9s de recibir el marcado SVG completo.<\/p>\n\n\n\n<p>Todo esto hace que los SVG sean extremadamente livianos, ya que son esencialmente solo peque\u00f1os bloques de texto.<\/p>\n\n\n\n<p>Adem\u00e1s, dado que se crea con base en matem\u00e1ticas, las im\u00e1genes SVG pueden escalar infinitamente sin perder calidad, y se ven n\u00edtidas en cualquier dispositivo, desde un peque\u00f1o tel\u00e9fono inteligente hasta un gigante monitor 4K.<\/p>\n\n\n\n<p>Los SVG se denominan <strong>formatos vectoriales<\/strong>, mientras que WebP es un formato de mapa de bits, y puedes ver c\u00f3mo ambos reaccionan al hacer zoom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"672\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-formatos-de-vector-1024x672.jpg\" alt=\"Dos &quot;S&quot; ampliadas; el lado izquierdo es una trama que muestra c\u00f3mo est\u00e1 pixelada la imagen. El lado derecho es un vector que muestra un acabado suave cuando se ampl\u00eda.\" class=\"wp-image-50103 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-formatos-de-vector-1024x672.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-formatos-de-vector-300x197.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-formatos-de-vector-768x504.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-formatos-de-vector-1536x1008.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-600x394.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-1200x788.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-730x479.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-1460x958.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-784x515.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-1568x1029.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector-877x576.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-formatos-de-vector.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/672;\" \/><\/figure>\n\n\n\n<p>La fuente es un ejemplo primordial de un vector en uso diario. Puedes hacer zoom en las fuentes tanto como quieras, pero no se pixelar\u00e1n. Hablando de fuentes, otra forma de optimizar tu sitio web para las M\u00e9tricas Web Principales es utilizar menos fuentes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-optimizacion-de-fuentes-para-el-rendimiento-de-mwp\">2. Optimizaci\u00f3n de Fuentes para el Rendimiento de MWP<\/h3>\n\n\n\n<p>Las fuentes pueden hacer o deshacer el dise\u00f1o de tu sitio web. Pero cuando se trata de <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/fuentes-seguras-web\/\" rel=\"noopener\">optimizar las fuentes<\/a> para el rendimiento, a menudo es mejor usar menos fuentes.<\/p>\n\n\n\n<p>Aqu\u00ed tienes algunos consejos para optimizar las fuentes de tu sitio web:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Limita el n\u00famero de fuentes:<\/strong> Adhi\u00e9rete a dos <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/estilos-globales-wordpress\/\" rel=\"noopener\">fuentes principales en tu sitio web<\/a>: una para los encabezados y otra para el texto del cuerpo. Esto reduce la cantidad de solicitudes HTTP y simplifica tu dise\u00f1o. Adem\u00e1s, s\u00e9 selectivo con los pesos de las fuentes; incluye solo los que necesitas.<\/li>\n\n\n\n<li><strong>Cuando sea posible, usa fuentes del sistema:<\/strong> La mayor\u00eda de los dispositivos ya tienen fuentes del sistema como Arial, Helvetica o Georgia instaladas. Se cargan al instante y eliminan la necesidad de descargas adicionales de fuentes.<\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/web.dev\/articles\/codelab-preload-web-fonts?hl=es-419\" rel=\"noopener\"><strong>Precarga las fuentes cr\u00edticas<\/strong><\/a><strong>:<\/strong> Agregar un enlace de precarga en tu HTML puede instruir al navegador a buscar tus fuentes m\u00e1s importantes temprano en el proceso de carga. Esto puede mejorar significativamente los tiempos de renderizaci\u00f3n del texto.<\/li>\n\n\n\n<li><strong>Optimiza las fuentes personalizadas para prevenir CLS:<\/strong> El navegador no conoce las dimensiones exactas de las fuentes personalizadas hasta que las descarga, lo que lleva a desplazamientos de dise\u00f1o. Algunas herramientas de c\u00f3digo abierto, como <a target=\"_blank\" href=\"https:\/\/github.com\/pixel-point\/fontpie\" rel=\"noopener\">Font Pie<\/a>, ayudan a generar CSS que elimina o al menos reduce el CLS.<\/li>\n\n\n\n<li><strong>Subconjunta tus fuentes:<\/strong> Elimina los caracteres no utilizados de tus archivos de fuente, como los caracteres no latinos si tu sitio no los usa. Esto reduce los tama\u00f1os de los archivos y acelera los tiempos de carga.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Cubriremos algunas estrategias avanzadas de optimizaci\u00f3n de fuentes en el futuro, pero por ahora, usar esta lista r\u00e1pida deber\u00eda ayudarte a preparar las fuentes de tu sitio web para obtener mejores puntuaciones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-piensa-dos-veces-antes-de-usar-google-tag-manager\">3. Piensa Dos Veces Antes de Usar Google Tag Manager<\/h3>\n\n\n\n<p>Sabemos lo que est\u00e1s pensando: &#8220;\u00a1Pero Google Tag Manager hace mi vida tan f\u00e1cil!&#8221;<\/p>\n\n\n\n<p>Y no est\u00e1s equivocado.<\/p>\n\n\n\n<p>Es una herramienta fant\u00e1stica para gestionar m\u00faltiples etiquetas sin sumergirte en el c\u00f3digo. Sin embargo, puede presentar tanto ventajas como desventajas cuando se trata de las M\u00e9tricas Web Principales.<\/p>\n\n\n\n<p>Mientras que Google Tag Manager es excelente para organizar tus etiquetas, puede ralentizar tu sitio si no se utiliza de manera juiciosa. Cada etiqueta a\u00f1ade un poco de tiempo de carga, y esos milisegundos pueden acumularse m\u00e1s r\u00e1pido que tu cuenta de caf\u00e9 en una conferencia de desarrolladores.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"579\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-Tag-Manager-1024x579.jpg\" alt=\"Captura de pantalla del panel de control de Google Tag Manager en la pesta\u00f1a &quot;Descripci\u00f3n general&quot;\" class=\"wp-image-50104 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-Tag-Manager-1024x579.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-Tag-Manager-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-Tag-Manager-768x434.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-Tag-Manager-1536x869.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-600x339.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-1200x679.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-730x413.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-1460x826.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-784x443.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-1568x887.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager-877x496.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-Tag-Manager.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/579;\" \/><\/figure>\n\n\n\n<p>Preg\u00fantate: \u00bfrealmente necesitas que todas esas etiquetas se activen en cada carga de p\u00e1gina? \u00bfPodr\u00edan implementarse algunas manualmente para tener un mejor control sobre cu\u00e1ndo se cargan?<\/p>\n\n\n\n<p>Como regla general, utiliza Google Tag Manager solo para etiquetas esenciales en todo el sitio y implementa etiquetas menos cr\u00edticas o espec\u00edficas de la p\u00e1gina manualmente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-implementa-una-solucion-de-cache\">4. Implementa una Soluci\u00f3n de Cach\u00e9<\/h3>\n\n\n\n<p>Piensa en la cach\u00e9 como la memoria a corto plazo de tu sitio web. En lugar de generar cada p\u00e1gina desde cero para cada visitante, la cach\u00e9 almacena una copia de la p\u00e1gina y la sirve a la velocidad del rayo.<\/p>\n\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/guia-almacenamiento-cache-web\/\" rel=\"noopener\">Implementar cach\u00e9<\/a> puede mejorar dr\u00e1sticamente tus puntuaciones de LCP, especialmente para sitios web din\u00e1micos. Hay varios niveles de cach\u00e9 que puedes considerar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cach\u00e9 del navegador:<\/strong> Indica a los navegadores que almacenen ciertos archivos localmente.<\/li>\n\n\n\n<li><a target=\"_blank\" href=\"https:\/\/help.dreamhost.com\/hc\/es\/articles\/11013621014676-Usar-el-plugin-Docket-Cache\" rel=\"noopener\"><strong>Cach\u00e9 del lado del servidor<\/strong><\/a><strong>:<\/strong> Almacena p\u00e1ginas generadas o consultas de base de datos.<\/li>\n\n\n\n<li><strong>Cach\u00e9 de objetos:<\/strong> Cach\u00e9 de elementos individuales como widgets o men\u00fas.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Dependiendo de tu proveedor de alojamiento web, es posible que puedas aprovechar la cach\u00e9 a nivel de servidor.<\/p>\n\n\n\n<p>Por defecto, los planes de <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\" rel=\"noopener\">DreamPress<\/a> incluyen cach\u00e9 incorporada para reducir la carga de visitas no almacenadas en cach\u00e9 sin necesidad de a\u00f1adir ning\u00fan complemento de cach\u00e9 a tu sitio t\u00fa mismo.<\/p>\n\n\n\n<p>Adem\u00e1s, si est\u00e1s utilizando WordPress como sistema de gesti\u00f3n de contenido (CMS) de tu sitio web, complementos como <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" rel=\"noopener\">W3 Total Cache<\/a> o <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" rel=\"noopener\">WP Super Cache<\/a> pueden ayudarte a implementar capas adicionales de cach\u00e9, incluyendo cach\u00e9s de navegador y de objetos, mejorando a\u00fan m\u00e1s la velocidad del sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-elimina-recursos-que-bloquean-el-renderizado\">5. Elimina Recursos que Bloquean el Renderizado<\/h3>\n\n\n\n<p>Los elementos que bloquean el renderizado se refieren a los archivos HTML, CSS y JavaScript est\u00e1ticos necesarios para renderizar una p\u00e1gina en tu sitio. Cada uno de estos archivos contiene scripts que pueden evitar que tus usuarios vean el contenido.<\/p>\n\n\n\n<p>Generalmente, son creados por complementos y herramientas de terceros como <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/es\/cambio-de-universal-analytics-a-ga4\/\" rel=\"noopener\">Google Analytics<\/a>.<\/p>\n\n\n\n<p>Sin embargo, una forma de evitar que estos scripts afecten tu experiencia de usuario (y, a su vez, ayudar a mejorar las M\u00e9tricas Web Principales) es eliminar los recursos que bloquean el renderizado y minificar y eliminar cualquier CSS o script no utilizado.<\/p>\n\n\n\n<p>Hay m\u00faltiples t\u00e9cnicas que puedes utilizar para hacer esto.<\/p>\n\n\n\n<p>Una es minificar tu JavaScript y CSS eliminando cualquier espacio en blanco o comentarios innecesarios.<\/p>\n\n\n\n<p>Puedes utilizar una herramienta como <a target=\"_blank\" href=\"https:\/\/www.minifier.org\/\" rel=\"noopener\">CSS Minifier<\/a> para facilitar esto:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"369\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-CSS-Minifier-1024x369.jpg\" alt=\"Captura de pantalla del c\u00f3digo de muestra de CSS Minifier que muestra una opci\u00f3n de selecci\u00f3n de idioma entre JS y CSS y un bot\u00f3n para &quot;Minificar&quot;\" class=\"wp-image-50105 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-CSS-Minifier-1024x369.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-CSS-Minifier-300x108.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-CSS-Minifier-768x276.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-CSS-Minifier-1536x553.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-600x216.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-1200x432.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-730x263.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-1460x526.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-784x282.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-1568x564.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier-877x316.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-CSS-Minifier.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/369;\" \/><\/figure>\n\n\n\n<p>Introduces tu CSS y seleccionas el bot\u00f3n de <strong>Minify<\/strong>. Luego, puedes copiar y pegar la salida para descargar y reemplazar tu c\u00f3digo.<\/p>\n\n\n\n<p>Otro m\u00e9todo es condensar tu JavaScript y CSS combinando los archivos. Esta es otra tarea en la que la funci\u00f3n de optimizaci\u00f3n de archivos en <a target=\"_blank\" href=\"https:\/\/wp-rocket.me\/\" rel=\"noopener\">WP Rocket<\/a> puede ayudar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-retrasa-la-carga-de-javascript\">6. Retrasa la Carga de JavaScript<\/h3>\n\n\n\n<p>Si buscas mejorar tus puntuaciones de FID, puedes utilizar la t\u00e9cnica conocida como <a target=\"_blank\" href=\"https:\/\/es.javascript.info\/script-async-defer\" rel=\"noopener\">retrasar la carga de JavaScript<\/a>. Esta es otra forma de eliminar elementos que bloquean el renderizado.<\/p>\n\n\n\n<p>Este proceso hace que tus p\u00e1ginas web se carguen m\u00e1s r\u00e1pido porque retrasa la carga de JavaScript. En otras palabras, carga otro contenido en la p\u00e1gina una vez que un visitante llega, en lugar de esperar a que se carguen todos los archivos de JavaScript.<\/p>\n\n\n\n<p>Tus archivos se ver\u00e1n obligados a esperar para cargarse hasta que todo lo dem\u00e1s en tu p\u00e1gina web est\u00e9 listo.<\/p>\n\n\n\n<p>Adem\u00e1s, puedes configurar la configuraci\u00f3n de tu sitio para que el CSS cr\u00edtico se cargue m\u00e1s r\u00e1pidamente &#8220;sobre el contenido visible&#8221;. &#8220;Sobre el pliegue&#8221; se refiere a los elementos en la p\u00e1gina web que aparecen primero.<\/p>\n\n\n\n<p>Puedes hacer esto sacando el contenido del archivo CSS principal y coloc\u00e1ndolo en l\u00ednea en tu c\u00f3digo. Esto ayudar\u00e1 a que se cargue m\u00e1s r\u00e1pido, mejorando as\u00ed la experiencia del usuario. Algunos complementos de cach\u00e9 como WP Rocket ofrecen una funci\u00f3n de <strong>Optimizar la Entrega de CSS<\/strong> que puede ser \u00fatil para esto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-usa-una-red-de-entrega-de-contenidos\">7. Usa una Red de Entrega de Contenidos<\/h3>\n\n\n\n<p>Imagina que tu sitio web tuviera un clon de s\u00ed mismo en cada ciudad importante del mundo. Eso es esencialmente lo que hace una <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-using-a-cdn-with-wp\/\" rel=\"noopener\">Red de Entrega de Contenidos (CDN)<\/a>.<\/p>\n\n\n\n<p>Distribuye copias de tus activos est\u00e1ticos (como im\u00e1genes, archivos CSS y JavaScript) a servidores en todo el mundo, de modo que tus visitantes puedan descargarlos desde la ubicaci\u00f3n m\u00e1s cercana.<\/p>\n\n\n\n<p>\u00bfEl resultado? Tiempos de carga m\u00e1s r\u00e1pidos, mejores puntuaciones de LCP y una mejor experiencia de usuario para tu audiencia global. Tambi\u00e9n puede ayudar a minimizar el <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/server-response-time?hl=es-419\" rel=\"noopener\">Tiempo hasta el Primer Byte (TTFB)<\/a>.<\/p>\n\n\n\n<p>Hay varias herramientas de terceros que puedes aprovechar para tu sitio de WordPress. Una de las opciones m\u00e1s populares es <a target=\"_blank\" href=\"https:\/\/www.cloudflare.com\/es-la\/hp\/\" rel=\"noopener\">Cloudflare<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"595\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-Cloudflare-1024x595.jpg\" alt=\"Captura de pantalla de la p\u00e1gina de inicio de CloudFare con el encabezado Conectar, proteger y construir en todas partes\" class=\"wp-image-50106 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-Cloudflare-1024x595.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-Cloudflare-300x174.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-Cloudflare-768x446.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-Cloudflare-1536x893.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-600x349.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-1200x698.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-730x424.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-1460x849.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-784x456.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-1568x911.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare-877x510.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-Cloudflare.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/595;\" \/><\/figure>\n\n\n\n<p>Al igual que con la cach\u00e9, algunos proveedores de alojamiento ofrecen CDN incorporada o al menos integraci\u00f3n con CDNs. Por ejemplo, en DreamHost, tenemos DreamSpeed, una poderosa CDN que aprovecha nuestra infraestructura existente y te proporciona sitios web ultrarr\u00e1pidos con un esfuerzo m\u00ednimo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-8-dimensiona-correctamente-las-imagenes\">8. Dimensiona Correctamente las Im\u00e1genes<\/h3>\n\n\n\n<p>Cuanto m\u00e1s grandes sean las im\u00e1genes, mayor ser\u00e1 el tama\u00f1o del archivo.<\/p>\n\n\n\n<p>Por lo tanto, es inteligente asegurarte de que no est\u00e9s utilizando im\u00e1genes demasiado grandes en todas partes. Por ejemplo, no hay raz\u00f3n para usar im\u00e1genes en HD para tus miniaturas. Puedes trabajar con im\u00e1genes mucho m\u00e1s peque\u00f1as y de menor resoluci\u00f3n aqu\u00ed.<\/p>\n\n\n\n<p>Para optimizar a\u00fan m\u00e1s tus im\u00e1genes, puedes usar el atributo srcset en tu c\u00f3digo HTML. Con esta etiqueta, puedes especificar las ubicaciones de im\u00e1genes de diferentes tama\u00f1os, y los navegadores modernos pueden servir autom\u00e1ticamente im\u00e1genes del tama\u00f1o correcto seg\u00fan la resoluci\u00f3n del dispositivo, mejorando las puntuaciones de LCP.<\/p>\n\n\n\n<p>Adem\u00e1s de esto, siempre puedes especificar los atributos de ancho y alto para tus etiquetas de imagen o reservar el espacio requerido con la relaci\u00f3n de aspecto de CSS para asegurarte de que el usuario vea autom\u00e1ticamente im\u00e1genes m\u00e1s peque\u00f1as.<\/p>\n\n\n\n<p>Sin embargo, siempre sugerir\u00edamos usar una herramienta como <a target=\"_blank\" href=\"https:\/\/squoosh.app\/\" rel=\"noopener\">Squoosh<\/a> para redimensionar im\u00e1genes antes de subirlas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-9-implementa-la-carga-perezosa\">9. Implementa la Carga Perezosa<\/h3>\n\n\n\n<p>Tambi\u00e9n te recomendamos que implementes la carga perezosa. Esto ayuda a garantizar que tus im\u00e1genes se carguen precisamente cuando los usuarios lleguen a esa secci\u00f3n de la p\u00e1gina web, en lugar de cargarse al mismo tiempo que todo lo dem\u00e1s en la p\u00e1gina.<\/p>\n\n\n\n<p>La carga perezosa de im\u00e1genes puede ayudar a mejorar tu LCP y la velocidad de carga. La mejor parte es que es bastante f\u00e1cil de implementar.<\/p>\n\n\n\n<p>Los navegadores modernos admiten la carga perezosa nativa con el atributo <strong>loading=&#8221;lazy&#8221;<\/strong> en las etiquetas <strong>&lt;img&gt;<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1024x563.jpg\" alt=\"Ejemplo de un c\u00f3digo de imagen con &quot;loading=&quot;lazy'&quot; despu\u00e9s del nombre de la imagen dentro del c\u00f3digo\" class=\"wp-image-50107 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1024x563.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-300x165.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-768x422.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1536x845.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-600x330.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1200x660.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-730x402.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1460x803.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-784x431.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-1568x862.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador-877x482.jpg.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-Carga-diferida-a-nivel-de-navegador.jpg.webp 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/563;\" \/><\/figure>\n\n\n\n<p>Es tan simple como agregar un solo atributo, y tu p\u00e1gina estar\u00e1 lista para cargar de forma perezosa.<\/p>\n\n\n\n<p>Para los usuarios de WordPress, solo necesitas un complemento como <a target=\"_blank\" href=\"https:\/\/automattic.pxf.io\/OrN6xZ\" rel=\"noopener\">Jetpack<\/a> o Smush para habilitar la carga perezosa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-10-mejora-tu-alojamiento\">10. Mejora Tu Alojamiento<\/h3>\n\n\n\n<p>A veces, puedes hacer todo bien y aun as\u00ed tener puntuaciones bajas en las M\u00e9tricas Web Principales. En este punto, tiene sentido considerar la posibilidad de actualizar los planes de tu proveedor de alojamiento.<\/p>\n\n\n\n<p>Por ejemplo, si recientemente has comenzado a recibir muchos visitantes o has a\u00f1adido muchos productos nuevos con muchas im\u00e1genes, es posible que est\u00e9s alcanzando los l\u00edmites superiores de tu proveedor de alojamiento web.<\/p>\n\n\n\n<p>En tales casos, si est\u00e1s en un plan de alojamiento compartido, puedes pasar a un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/es\/hosting\/vps\/\" rel=\"noopener\">alojamiento en un servidor privado virtual (VPS)<\/a> o a un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/es\/hosting\/dedicado\/\" rel=\"noopener\">alojamiento dedicado gestionado<\/a>.<\/p>\n\n\n\n<p>Para los usuarios de WordPress, el alojamiento gestionado de WordPress puede dar un buen impulso al rendimiento de tu sitio sin ser demasiado costoso. Por ejemplo, en DreamHost, ofrecemos <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\" rel=\"noopener\">planes DreamPress<\/a> destinados a propietarios de sitios de WordPress que buscan obtener un sitio de alto rendimiento sin gastar una fortuna.<\/p>\n\n\n\n<p>Cualquiera que sea el tipo de alojamiento que elijas o que ya est\u00e9s utilizando, el consenso es que actualizar tu proveedor o plan de alojamiento es la forma m\u00e1s r\u00e1pida de acelerar tu sitio web.<\/p>\n\n\n\n<p>Sugerimos elegir un alojamiento gestionado con servidores optimizados espec\u00edficamente para WordPress que puedan manejar los diversos aspectos t\u00e9cnicos del rendimiento del sitio.<\/p>\n\n\n\n<h2 id=\"h-mejora-la-experiencia-del-usuario-y-obten-recompensas\" class=\"wp-block-heading\">Mejora la Experiencia del Usuario y Obt\u00e9n Recompensas<\/h2>\n\n\n\n<p>Ahora tienes el conocimiento necesario para unirte al 50.1% de los sitios web que ya est\u00e1n cumpliendo con las puntuaciones de M\u00e9tricas Web Principales y ofreciendo una gran experiencia a sus visitantes.<\/p>\n\n\n\n<p>Es cierto que algunos cambios requeridos para mejorar las puntuaciones pueden ser complejos \u2014 tal vez incluso t\u00e9cnicos, requiriendo el apoyo de un desarrollador para optimizar completamente tu sitio web.<\/p>\n\n\n\n<p>Si deseas delegar la optimizaci\u00f3n, prueba los servicios de desarrollo web de DreamHost.<\/p>\n\n\n\n<p>Nuestros desarrolladores trabajan contigo para optimizar sitios web existentes e incluso pueden construir un sitio web desde cero para proporcionar una excelente experiencia de usuario y mejorar las puntuaciones de M\u00e9tricas Web Principales.<\/p>\n\n\n\n<p>Con DreamHost, inviertes en una estrategia de rendimiento a largo plazo. Nuestros expertos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Auditar\u00e1n las M\u00e9tricas Web Principales de tu sitio.<\/li>\n\n\n\n<li>Utilizar\u00e1n las \u00faltimas t\u00e9cnicas de optimizaci\u00f3n.<\/li>\n\n\n\n<li>Construir\u00e1n tu sitio sobre una base s\u00f3lida y escalable.<\/li>\n\n\n\n<li>Proporcionar\u00e1n soporte continuo para mantener tu sitio funcionando sin problemas.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Puedes concentrarte en dirigir tu negocio y crear contenido excelente mientras optimizamos tu sitio. As\u00ed que, si deseas que DreamHost construya u optimice tu sitio web, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/diseno\/\" rel=\"noopener\">\u00a1agenda una consulta o chatea con nosotros hoy<\/a>!<\/p>\n\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-pro-services-design.webp 2x\"  \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/pro-services\/design\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>Pro Services &#8211; Design<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tBeautiful Websites, Designed From Scratch\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tStand out from the crowd with a modern WordPress website that\u2019s 100% unique to you.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/pro-services\/design\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>\n\n\n<p><span style=\"font-weight: 400\"><\/span><\/p>\n\n\n\n<p><em>Esta p\u00e1gina contiene enlaces de afiliados. Esto significa que podemos ganar una comisi\u00f3n si compras servicios a trav\u00e9s de nuestro enlace sin ning\u00fan costo adicional para ti.<\/em><\/p>\n\n\n\n<p><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Has construido un hermoso sitio web con contenido atractivo y comenzaste a enviar clientes all\u00ed. Est\u00e1s en una situaci\u00f3n emocionante, especialmente si reci\u00e9n est\u00e1s comenzando en l\u00ednea. Pero despu\u00e9s de una semana en l\u00ednea, te das cuenta de que tu sitio carga m\u00e1s lento que un perezoso en un domingo perezoso, y los visitantes se [&hellip;]<\/p>\n","protected":false},"author":1058,"featured_media":50109,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"\u00bfQuieres que m\u00e1s visitantes encuentren tu sitio? Mejora tus M\u00e9tricas Web Principales con estos 10 consejos te ayudar\u00e1n a mejorar tu rendimiento y subir en los rankings.","toc_headlines":"[[\"h-y-entonces-que-son-las-metricas-web-principales\",\"Y Entonces, \u00bfQu\u00e9 Son las M\u00e9tricas Web Principales?\"],[\"h-como-medir-las-metricas-web-principales\",\"C\u00f3mo Medir Las M\u00e9tricas Web Principales\"],[\"h-como-mejorar-las-metricas-web-principales-para-obtener-mejores-puntuaciones-en-google\",\"\u00bfC\u00f3mo Mejorar las M\u00e9tricas Web Principales para Obtener Mejores Puntuaciones en Google?\"],[\"h-mejora-la-experiencia-del-usuario-y-obten-recompensas\",\"Mejora la Experiencia del Usuario y Obt\u00e9n Recompensas\"]]","hide_toc":false,"footnotes":""},"categories":[12896],"tags":[],"class_list":["post-33523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>C\u00f3mo Mejorar Las M\u00e9tricas Web Principales - DreamHost<\/title>\n<meta name=\"description\" content=\"\u00bfQuieres que m\u00e1s visitantes encuentren tu sitio? Mejora tus M\u00e9tricas Web Principales con estos 10 consejos te ayudar\u00e1n a mejorar tu rendimiento y subir en los rankings.\" \/>\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-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejora las M\u00e9tricas Web Principales de Tu Sitio Web: 10 Consejos de Expertos para Mejores Rankings\" \/>\n<meta property=\"og:description\" content=\"Descubre c\u00f3mo mejorar las M\u00e9tricas Web Principales de tu sitio con nuestros 10 consejos de expertos. Aprende a optimizar LCP, CLS e INP para una mejor experiencia de usuario y mayores rankings en Google.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-11T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T23:27:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-How-To-Improve-Core-Web-Vitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ian Hernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Mejora las M\u00e9tricas Web Principales de Tu Sitio Web: 10 Consejos de Expertos para Mejores Rankings\" \/>\n<meta name=\"twitter:description\" content=\"Descubre c\u00f3mo mejorar las M\u00e9tricas Web Principales de tu sitio con nuestros 10 consejos de expertos. Aprende a optimizar LCP, CLS e INP para una mejor experiencia de usuario y mayores rankings en Google.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-How-To-Improve-Core-Web-Vitals.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ian Hernandez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Mejorar Las M\u00e9tricas Web Principales - DreamHost","description":"\u00bfQuieres que m\u00e1s visitantes encuentren tu sitio? Mejora tus M\u00e9tricas Web Principales con estos 10 consejos te ayudar\u00e1n a mejorar tu rendimiento y subir en los rankings.","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-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/","og_locale":"en_US","og_type":"article","og_title":"Mejora las M\u00e9tricas Web Principales de Tu Sitio Web: 10 Consejos de Expertos para Mejores Rankings","og_description":"Descubre c\u00f3mo mejorar las M\u00e9tricas Web Principales de tu sitio con nuestros 10 consejos de expertos. Aprende a optimizar LCP, CLS e INP para una mejor experiencia de usuario y mayores rankings en Google.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-10-11T14:00:00+00:00","article_modified_time":"2025-01-16T23:27:55+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-How-To-Improve-Core-Web-Vitals.jpg","type":"image\/jpeg"}],"author":"Ian Hernandez","twitter_card":"summary_large_image","twitter_title":"Mejora las M\u00e9tricas Web Principales de Tu Sitio Web: 10 Consejos de Expertos para Mejores Rankings","twitter_description":"Descubre c\u00f3mo mejorar las M\u00e9tricas Web Principales de tu sitio con nuestros 10 consejos de expertos. Aprende a optimizar LCP, CLS e INP para una mejor experiencia de usuario y mayores rankings en Google.","twitter_image":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-How-To-Improve-Core-Web-Vitals.jpg","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Ian Hernandez","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/"},"author":{"name":"Ian Hernandez","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96"},"headline":"Mejor Rendimiento para Mejores Posiciones: 10 Consejos para Mejorar las M\u00e9tricas Web Principales","datePublished":"2024-10-11T14:00:00+00:00","dateModified":"2025-01-16T23:27:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/"},"wordCount":3804,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-How-To-Improve-Core-Web-Vitals.jpg","articleSection":["Dise\u00f1o Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/","name":"C\u00f3mo Mejorar Las M\u00e9tricas Web Principales - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-How-To-Improve-Core-Web-Vitals.jpg","datePublished":"2024-10-11T14:00:00+00:00","dateModified":"2025-01-16T23:27:55+00:00","description":"\u00bfQuieres que m\u00e1s visitantes encuentren tu sitio? Mejora tus M\u00e9tricas Web Principales con estos 10 consejos te ayudar\u00e1n a mejorar tu rendimiento y subir en los rankings.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-How-To-Improve-Core-Web-Vitals.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-How-To-Improve-Core-Web-Vitals.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/mejorar-metricas-web-principales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Mejor Rendimiento para Mejores Posiciones: 10 Consejos para Mejorar las M\u00e9tricas Web Principales"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/220faf2464d5ae08e41cf5f3b28fdc96","name":"Ian Hernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/ian-hernandez-dreamhost-150x150.png","caption":"Ian Hernandez"},"description":"Ian is a Product Designer based in Los Angeles, California. He is responsible for driving brand and product design at DreamHost, developing and maintaining our internal design system, and writing frontend code when he can. In his free time, he enjoys walking his dog, learning history, and discovering new music online and irl. Connect with him on LinkedIn: https:\/\/www.linkedin.com\/in\/ianhernandez23\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/ianh\/"}]}},"lang":"es","translations":{"es":33523,"en":33504,"ru":50400,"pl":50386,"de":50366,"pt":50364,"uk":56419,"it":68978,"fr":71526,"nl":71557},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1058"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=33523"}],"version-history":[{"count":6,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33523\/revisions"}],"predecessor-version":[{"id":63544,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33523\/revisions\/63544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/50109"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=33523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=33523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=33523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}