{"id":213,"date":"2019-11-05T18:07:28","date_gmt":"2019-11-05T18:07:28","guid":{"rendered":"https:\/\/www.ezoic.com\/es-lang\/2019\/11\/05\/como-servir-imagenes-en-formatos-de-proxima-generacion-usando-wordpress\/"},"modified":"2019-11-05T18:07:28","modified_gmt":"2019-11-05T18:07:28","slug":"como-servir-imagenes-en-formatos-de-proxima-generacion-usando-wordpress","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/es-lang\/como-servir-imagenes-en-formatos-de-proxima-generacion-usando-wordpress\/","title":{"rendered":"C\u00f3mo servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n usando WordPress"},"content":{"rendered":"<h2>C\u00f3mo servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n usando WordPress<\/h2>\n<p>Si has ejecutado un informe de Google Pagespeed Insights en tu sitio web recientemente, es probable que hayas visto &#8220;servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n&#8221; como recomendaci\u00f3n. Los formatos de imagen de pr\u00f3xima generaci\u00f3n son formatos de archivo que a menudo incluyen informaci\u00f3n de compresi\u00f3n incrustada en navegadores modernos que permiten cargar im\u00e1genes del sitio web m\u00e1s r\u00e1pido. Entonces, \u00bfc\u00f3mo los sirves en tu sitio web de WordPress para hacerlo m\u00e1s r\u00e1pido?<\/p>\n<blockquote><p>Los formatos de imagen como JPEG 2000, JPEG XR y WebP a menudo proporcionan una mejor compresi\u00f3n que PNG o JPEG, lo que significa descargas m\u00e1s r\u00e1pidas y menos consumo de datos. &#8211; <strong>Descripci\u00f3n de Google de formatos de imagen de pr\u00f3xima generaci\u00f3n.<\/strong> <strong><br \/>\n  <em>(Realmente \u00fatil, \u00bfverdad?)<\/em><br \/>\n<\/strong><\/p><\/blockquote>\n<p>Si su sitio utiliza WordPress como CMS, es probable que tenga la mayor\u00eda de sus im\u00e1genes guardadas en su secci\u00f3n de medios como ARCHIVOS JPEG, GIF y PNG. Esto no tiene que cambiar para servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n. De hecho, muchos navegadores no pueden cargar correctamente formatos de pr\u00f3xima generaci\u00f3n, como WebP, y requieren que el sitio web pueda servir un tipo de imagen est\u00e1ndar, como JPEG, si el navegador no admite formatos de imagen de pr\u00f3xima generaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6226 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/pagespeedinsights123-min-1024x721.png\" alt=\"velocidad del sitio web\" width=\"908\" height=\"639\"><\/p>\n<p>Entonces, \u00bfc\u00f3mo sirves im\u00e1genes de pr\u00f3xima generaci\u00f3n en WordPress si necesitas mantener todas tus im\u00e1genes existentes en los mismos formatos que ahora son? \u00bfPuedes descargar un plugin que hace todo esto por ti?<\/p>\n<p><em><strong>No necesariamente, pero es casi tan f\u00e1cil.<\/strong><\/em><\/p>\n<p>La buena noticia es que esto no requiere ninguna codificaci\u00f3n (a menos que desee) y no requerir\u00e1 que reemplace manualmente las im\u00e1genes existentes. No se puede hacer <em>simplemente<\/em> descargando un plugin; sin embargo, hay dos plugins que hacen que este proyecto sea muy f\u00e1cil de hacer.<\/p>\n<p>A continuaci\u00f3n, te mostrar\u00e9 c\u00f3mo servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n usando WordPress. Har\u00e1 que tu sitio sea m\u00e1s r\u00e1pido y eliminar\u00e1 la recomendaci\u00f3n de Pagespeed Insights y, al mismo tiempo, mejorar\u00e1 tu puntuaci\u00f3n general de velocidad de p\u00e1gina.<\/p>\n<p><!--more--><\/p>\n<h2>Vea mi tutorial sobre la serving de im\u00e1genes de pr\u00f3xima generaci\u00f3n en WordPress a continuaci\u00f3n:<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ZTPnk5wixis\" width=\"640\" height=\"385\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>\u00bfPuedo servir formatos de imagen de pr\u00f3xima generaci\u00f3n si mi sitio utiliza JPEG o PNG?<\/h2>\n<p>Servir im\u00e1genes de pr\u00f3xima generaci\u00f3n de la manera que le mostrar\u00e9 no requiere que reemplace o cambie los archivos de imagen existentes en su sitio web. Esto suele ser lo que confunde a los webmasters y evita que muchos sitios sirvan correctamente formatos de imagen de pr\u00f3xima generaci\u00f3n. La mayor\u00eda de los sitios web est\u00e1n familiarizados con formatos de imagen populares como JPEG y PNG. Ambos formatos de archivo todav\u00eda se pueden utilizar mientras que tambi\u00e9n servir a los visitantes formatos de imagen de pr\u00f3xima generaci\u00f3n cuando visitan su sitio web de WordPress en navegadores que admiten estos tipos de archivos emergentes.<\/p>\n<p>El video tutorial anterior debe guiarte a trav\u00e9s de todo lo que necesitas saber, pero en caso de que seas como yo y prefieras leer direcciones (o saltar hacia adelante r\u00e1pidamente), he creado las instrucciones paso a paso para servir im\u00e1genes de pr\u00f3xima generaci\u00f3n en sitios web de WordPress en el texto de abajo .<\/p>\n<p><strong>Renuncia:<\/strong> <em>Hay varias maneras de servir formatos de pr\u00f3xima generaci\u00f3n a los visitantes dentro de WordPress; sin embargo, esta es una de las maneras m\u00e1s f\u00e1ciles que he visto probado en varios sitios web. Adem\u00e1s, esta estrategia requiere cero codificaci\u00f3n y se puede hacer en unos 30 minutos.<\/em><\/p>\n<p><strong>Lo que necesitar\u00e1 sin hacer esto:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/webp-express\/\" target=\"_blank\" rel=\"noopener\">WebP Express Plugin<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/#developers\" target=\"_blank\" rel=\"noopener\">El plugin ShortPixel<\/a><\/li>\n<li><a href=\"https:\/\/shortpixel.com\/free-sign-up\" target=\"_blank\" rel=\"noopener\">Una cuenta de ShortPixel<\/a><\/li>\n<\/ul>\n<p><strong>\u00bfCu\u00e1nto tiempo tomar\u00e1?<\/strong><\/p>\n<ul>\n<li>30 minutos o menos para configurar<\/li>\n<\/ul>\n<p><em>Las im\u00e1genes pueden tardar una o dos horas en procesarse dependiendo del tama\u00f1o de su sitio web, pero esto no requerir\u00e1 ning\u00fan esfuerzo de su parte.<\/em><\/p>\n<p><strong>\u00bfQu\u00e9 tipo de im\u00e1genes de pr\u00f3xima generaci\u00f3n mostrar\u00e1 este tutorial c\u00f3mo servir:<\/strong><\/p>\n<ul>\n<li>WebP<\/li>\n<\/ul>\n<p><em>WebP es un formato de imagen de nueva generaci\u00f3n de c\u00f3digo abierto que est\u00e1 siendo muy apoyado por Google y muchos otros. Se est\u00e1 burlando como el formato de imagen de pr\u00f3xima generaci\u00f3n m\u00e1s popular en este momento.<\/em><\/p>\n<h2>1. A\u00f1adir plugin para servir formatos de pr\u00f3xima generaci\u00f3n y formatos de imagen existentes<\/h2>\n<p>El plugin WebP Express es tan f\u00e1cil como se pone. A\u00f1ade una l\u00ednea de c\u00f3digo muy simple a tu sitio web de WordPress. El c\u00f3digo se basa en el <a href=\"http:\/\/webpjs.appspot.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">blog de<\/a> este desarrollador sobre servir correctamente im\u00e1genes WebP a los visitantes cuando est\u00e1n en navegadores compatibles y servir las im\u00e1genes predeterminadas de su sitio web (JPEG, etc.) cuando no lo est\u00e1n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6184 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/download-2019-04-09T160035.233-min-1024x158.png\" alt=\"servir webp formato de pr\u00f3xima generaci\u00f3n en wordpress\" width=\"1024\" height=\"158\"><\/p>\n<p>Esto puede no ser necesario para todos los que leen este blog, pero para muchos sitios de WordPress, ser\u00e1 necesario asegurarse de que WebP se sirve correctamente; al mismo tiempo que se garantiza que las im\u00e1genes existentes se sirven cuando el visitante no puede representar un formato WebP.<\/p>\n<p>Todo lo que tienes que hacer es descargar el plugin o buscarlo dentro de WordPress. A continuaci\u00f3n, simplemente active el plugin y habr\u00e1 servido a su prop\u00f3sito. No es necesario configurar ninguna configuraci\u00f3n.<\/p>\n<ol>\n<li>Ir a plugins<\/li>\n<li>Seleccione &#8220;a\u00f1adir nuevo&#8221;<\/li>\n<li>Buscar &#8220;WebP Express&#8221;<\/li>\n<li>Haga clic en Instalar<\/li>\n<li>Haga clic en Activar<\/li>\n<li>\u00a1Terminaste!<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6189 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/webpexpress-min-1024x358.png\" alt=\"servir im\u00e1genes webp en wordpress\" width=\"1024\" height=\"358\"><\/p>\n<p>Esto debe tomar menos de 5 minutos y no deber\u00eda causar ning\u00fan problema.<\/p>\n<p>Este es el paso m\u00e1s f\u00e1cil y no debe causar ning\u00fan cambio en su sitio web o sus im\u00e1genes.<\/p>\n<h2>2. Sirva im\u00e1genes WebP mientras mantiene todos los archivos de imagen existentes en su lugar<\/h2>\n<p>Creo que una de las principales razones por las que muchos editores de WordPress no est\u00e1n sirviendo actualmente formatos de imagen de pr\u00f3xima generaci\u00f3n es porque creen que tendr\u00e1n que reemplazar todas sus im\u00e1genes existentes o convertirlas manualmente de alguna manera y est\u00e1n preocupadas por el tiempo, esfuerzo y dificultad para hacerlo. Afortunadamente, cuando las im\u00e1genes de pr\u00f3xima generaci\u00f3n se implementan correctamente en el sitio de WordPress de un editor, no deber\u00eda haber necesidad de reemplazar activamente los archivos multimedia o formatos de imagen existentes.<\/p>\n<p>Una de las maneras m\u00e1s f\u00e1ciles de hacer esto es usando ShortPixel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6200 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/shortpixel-plugin-min-1024x363.png\" alt=\"servir formatos de imagen de pr\u00f3xima generaci\u00f3n en wordpress con shortpixel\" width=\"1024\" height=\"363\"><\/p>\n<p>ShortPixel es una empresa de compresi\u00f3n de im\u00e1genes y optimizaci\u00f3n de im\u00e1genes que ofrece varios tipos diferentes de tecnolog\u00edas para webmasters. En nuestro caso, aprovecharemos el plugin de optimizaci\u00f3n de imagen ShortPixel.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener\">Descargue e instale el plugin ShorPixel<\/a>. O bien, busque el plugin dentro de WordPress, inst\u00e1lelo y, a continuaci\u00f3n, act\u00edvelo.<\/p>\n<p>Antes de configurar el plugin ShortPixel, querr\u00e1s crear una cuenta gratuita de <a href=\"https:\/\/shortpixel.com\/free-sign-up\" target=\"_blank\" rel=\"noopener\">ShortPixel.<\/a> Es gratis y no requiere tarjeta de cr\u00e9dito; sin embargo, recomiendo encarecidamente una peque\u00f1a inversi\u00f3n para obtener a\u00fan mayor valor de todo este proyecto.<\/p>\n<p>Una vez que haya creado una cuenta y haya iniciado sesi\u00f3n, todo lo que necesitar\u00e1 es la clave de API del men\u00fa de su cuenta.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6206 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/download-2019-04-09T165636.063-min-1024x469.png\" alt=\"acelerar el sitio web mediante la optimizaci\u00f3n de im\u00e1genes\" width=\"897\" height=\"411\"><\/p>\n<p>Vale la pena considerar los planes de pago si actualmente tiene una gran cantidad de im\u00e1genes en su sitio que son demasiado grandes, o si tiene una gran cantidad de PNGs sin transparencia en el fondo esparcido a trav\u00e9s de todas las publicaciones y p\u00e1ginas de su sitio. Adem\u00e1s, es posible que deba realizar la inversi\u00f3n m\u00ednima para asegurar todas las caracter\u00edsticas necesarias si tiene un sitio que es m\u00e1s antiguo y contiene un mont\u00f3n de im\u00e1genes. Los cr\u00e9ditos pagados son bastante asequibles y sin duda pueden ayudarle a comprimir im\u00e1genes, incluso si ya los ha <a href=\"https:\/\/blog.ezoic.com\/image-seo-tips-website-owners-digital-publishers\/\" target=\"_blank\" rel=\"noopener\">redimensionado y guardado para<\/a>un uso adecuado de la web.<\/p>\n<p>La opci\u00f3n de pago no es necesaria para servir las im\u00e1genes como WebP mediante ShortPixel; aunque siempre he utilizado la opci\u00f3n de pago al hacer esto (es posible que tenga que hacer una inversi\u00f3n m\u00ednima para asegurar todas las caracter\u00edsticas completas).<\/p>\n<p><em>En el futuro, escribir\u00e9 algunos blogs m\u00e1s sobre lo que se puede hacer con las opciones de pago m\u00e1s all\u00e1 de la compresi\u00f3n, pero por ahora, nos centraremos s\u00f3lo en servir im\u00e1genes de pr\u00f3xima generaci\u00f3n en nuestro sitio de WordPress.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6211 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/shortpixel123-min-1024x367.png\" alt=\"shortpixel para im\u00e1genes\" width=\"1024\" height=\"367\"><\/p>\n<p><strong>Ahora, es el momento de configurar nuestro plugin y comenzar a servir nuestras im\u00e1genes WebP!<\/strong><\/p>\n<p>Una vez que tenga una cuenta y haya instalado ambos plugins mencionados anteriormente, podemos configurar ShortPixel para comenzar a servir a todos los visitantes en im\u00e1genes de pr\u00f3xima generaci\u00f3n de navegadores compatibles, espec\u00edficamente, WebP. A continuaci\u00f3n, simplemente siga estos pasos dentro del administrador de WordPress:<\/p>\n<ol>\n<li>Ir a &gt; Ajustes ShortPixel<\/li>\n<li>Seleccione la pesta\u00f1a &#8220;General&#8221;<\/li>\n<li>Introduzca la clave de API de su cuenta en el campo &#8220;Api Key&#8221;<\/li>\n<li>Haga clic en &#8220;Guardar cambios&#8221; en la parte inferior<\/li>\n<li>Ahora, haga clic en la pesta\u00f1a &#8220;Avanzado&#8221; en la parte superior<\/li>\n<li>Despl\u00e1cese hacia abajo hasta la secci\u00f3n de im\u00e1genes WebP y seleccione&#8221; &#8220;Crear tambi\u00e9n versiones WebP de las im\u00e1genes, de forma gratuita.&#8221;<\/li>\n<li>A continuaci\u00f3n, seleccione &#8220;Entregar las versiones WebP de las im\u00e1genes en el front-end&#8221;<\/li>\n<li>A continuaci\u00f3n, tendr\u00e1tres opciones diferentes&#8230;\n<ul>\n<li>A menos que ShortPixel te muestre que puedes usar &#8220;Sin alterar el c\u00f3digo de la p\u00e1gina (a trav\u00e9s de .htatccess)&#8221;, te recomiendo usar la opci\u00f3n &#8220;Solo a trav\u00e9s de ganchos de WordPress&#8221;.<\/li>\n<li>He tenido problemas con cada configuraci\u00f3n <strong><em>Excepto<\/em><\/strong> &#8220;S\u00f3lo a trav\u00e9s de ganchos de WordPress&#8221; en alg\u00fan momento, por lo que es mi principal recomendaci\u00f3n para la mayor\u00eda de los sitios.<\/li>\n<\/ul>\n<\/li>\n<li>Despl\u00e1cese hasta la parte inferior y seleccione &#8220;Guardar e ir al proceso masivo&#8221;<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6216 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/download-2019-04-10T101002.158-min-1024x201.png\" alt=\"servir im\u00e1genes webp a los visitantes del sitio web sin deshacerse de jpegs o pngs\" width=\"1060\" height=\"208\"><\/p>\n<p><strong>B\u00e1sicamente hemos terminado ahora.<\/strong><\/p>\n<p>La pantalla de procesamiento masivo ahora se ejecutar\u00e1 en esa ventana. Si ha pagado cr\u00e9ditos o seleccionado otras opciones de optimizaci\u00f3n de im\u00e1genes en el camino, puede tardar un tiempo en procesar todas las im\u00e1genes. Tendr\u00e1s que dejar esa ventana abierta en segundo plano hasta que se complete.<\/p>\n<p>Si tiene un sitio que tiene muchas im\u00e1genes, puede tardar unas horas en completarse. La barra de progreso le mostrar\u00e1 lo lejos que est\u00e1.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6221 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/download-2019-04-10T101428.692-1024x326.png\" alt=\"servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n para informaci\u00f3n sobre la velocidad de las p\u00e1ginas\" width=\"971\" height=\"309\"><\/p>\n<h2>Ahora est\u00e1 sirviendo a los visitantes formatos de imagen de pr\u00f3xima generaci\u00f3n<\/h2>\n<p>Si has seguido todos estos pasos, tu sitio web de WordPress deber\u00eda estar sirviendo a todos tus visitantes im\u00e1genes WebP (formato de pr\u00f3xima generaci\u00f3n) cuando est\u00e1n en navegadores compatibles. Si el navegador del visitante no es compatible con WebP, debe servirse con el formato JPEG, PNG y GIF existente. Todas tus im\u00e1genes existentes deben guardarse justo donde estaban en la secci\u00f3n Medios de tu administrador de WordPress.<\/p>\n<p>Si usted sigui\u00f3 adelante y utiliz\u00f3 ShortPixel para hacer otras formas de compresi\u00f3n de im\u00e1genes en el camino, todos los visitantes de su sitio web ahora deber\u00edan tener im\u00e1genes cargadas de la manera m\u00e1s r\u00e1pida, \u00f3ptima y amigable con SEO sin importar qu\u00e9.<\/p>\n<h2>Aseg\u00farese de que las im\u00e1genes de pr\u00f3xima generaci\u00f3n se est\u00e1n renderizando correctamente<\/h2>\n<p><strong>1.) Borre la cach\u00e9 de su sitio web y vea su sitio web.<\/strong><\/p>\n<p>Primero asegur\u00e9monos de que todas las im\u00e1genes aparezcan correctamente. Si has aplicado otras formas de compresi\u00f3n a tus im\u00e1genes con ShortPixel, querr\u00e1s asegurarte de que los componentes de dise\u00f1o de n\u00facleo y tema de tu sitio web no se hayan modificado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6231 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/download-2019-04-10T103019.852-min-1024x256.png\" alt=\"procesamiento de im\u00e1genes para la pr\u00f3xima generaci\u00f3n\" width=\"1024\" height=\"256\"><\/p>\n<p>Si una imagen o elemento en particular de su tema es un problema, puede ir a la secci\u00f3n de medios y restaurar su versi\u00f3n original de esa imagen. Vea arriba.<\/p>\n<p>Si todo sigue siendo realmente loco por cualquier raz\u00f3n, siempre se puede volver a la pantalla de procesamiento a granel y restaurar todas las im\u00e1genes a su forma original con el clic de un bot\u00f3n. Siempre puede hacer la carga masiva de nuevo y utilizar las reglas de exclusi\u00f3n de plugins para evitar que ciertas im\u00e1genes que puedan ser necesarias para el tema de su sitio se procesen.<\/p>\n<p><strong>2.) Utilice una herramienta para asegurarse de que su sitio se ve bien en todos los navegadores<\/strong><\/p>\n<p>La primera prueba est\u00e1 hecha. Ahora, debe sorprenda si todos sus visitantes est\u00e1n viendo su sitio web correctamente.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-6236 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/screenshots-min-1024x322.png\" alt=\"capturas de pantalla para m\u00faltiples navegadores\" width=\"1024\" height=\"322\"><\/p>\n<p>Para un uso \u00fanico, recomiendo usar <a href=\"https:\/\/crossbrowsertesting.com\/\" target=\"_blank\" rel=\"noopener\">crossbrowsertesting.com<\/a>. Puede utilizar la herramienta para probar autom\u00e1ticamente muchos navegadores, tipos de dispositivos y versiones diferentes a la vez. Utilice la funci\u00f3n &#8220;Captura de pantalla&#8221; en algunas p\u00e1ginas para asegurarse de que sus p\u00e1ginas muestran im\u00e1genes correctamente en los navegadores y dispositivos m\u00e1s utilizados por sus visitantes.<\/p>\n<p>CrossBrowserTesting es una herramienta \/ servicio de pago, pero se puede utilizar la prueba gratuita de 7 d\u00edas sin una tarjeta de cr\u00e9dito. Si simplemente desea asegurarse r\u00e1pidamente de que el proyecto fue un \u00e9xito, puede configurar una cuenta, usar la versi\u00f3n de prueba para hacer capturas de pantalla y evitar cualquier compromiso a largo plazo con la herramienta.<\/p>\n<p>Si tienes curiosidad por los navegadores y dispositivos que usan habitualmente tus visitantes, puedes usar Google Analytics para comprobarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-6241 aligncenter\" src=\"https:\/\/www.ezoic.com\/es-lang\/wp-content\/uploads\/2021\/08\/analytics-browsers-min.png\" alt=\"velocidad del sitio web de Google\" width=\"851\" height=\"658\"><\/p>\n<h2>Esto eliminar\u00e1 las &#8220;im\u00e1genes de servicio en formatos de pr\u00f3xima generaci\u00f3n&#8221; de Pagespeed Insights<\/h2>\n<p>Ahora, usted debe ser capaz de ejecutar su sitio web de WordPress a trav\u00e9s de Pagespeed Insights de Google una vez m\u00e1s y la recomendaci\u00f3n para servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n debe desaparecer.<\/p>\n<p>Lo que es m\u00e1s, esto tambi\u00e9n deber\u00eda haberse librado de la mayor parte de recomendaciones adicionales que le piden que &#8220;codificar im\u00e1genes eficientemente&#8221;.<\/p>\n<p>La \u00fanica optimizaci\u00f3n de imagen que esto puede no haber resuelto es <a href=\"https:\/\/blog.ezoic.com\/speed-lazy-loading-images-serving-next-gen-formats\/\" target=\"_blank\" rel=\"noopener\">&#8220;aplazar im\u00e1genes fuera de la pantalla&#8221;. Eso es algo que cubrimos con m\u00e1s detalle aqu\u00ed. <\/a><\/p>\n<p>Por \u00faltimo, si usted est\u00e1 interesado en deshacerse de cualquier recomendaci\u00f3n de Pagespeed Insight sobre CSS en sus informes, puede leer nuestro blog sobre <a href=\"https:\/\/blog.ezoic.com\/how-to-optimize-critical-css-to-make-your-website-faster\/\" target=\"_blank\" rel=\"noopener\">la optimizaci\u00f3n<\/a>de la entrega de CSS aqu\u00ed . La combinaci\u00f3n de la informaci\u00f3n anterior con nuestros blogs sobre im\u00e1genes de carga diferida, y la optimizaci\u00f3n de CSS debe permitir que todos los sitios de WordPress muestren una puntuaci\u00f3n de velocidad del sitio web mucho m\u00e1s r\u00e1pida dentro de la popular herramienta de Google.<\/p>\n<p>Si tiene alg\u00fan problema o pregunta sobre este proceso, por favor d\u00e9jelos a continuaci\u00f3n. Estoy seguro de que alguien m\u00e1s en el camino puede aprender de cualquier informaci\u00f3n o desaf\u00edo que haya experimentado y me encantar\u00eda abordarlos en los comentarios para que los futuros lectores aprendan de.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n usando WordPress Si has ejecutado un informe de Google Pagespeed Insights en tu sitio web recientemente, es probable que hayas visto &#8220;servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n&#8221; como recomendaci\u00f3n. Los formatos de imagen de pr\u00f3xima generaci\u00f3n son formatos de archivo que a menudo incluyen informaci\u00f3n de&hellip; <a class=\"more-link\" href=\"https:\/\/wp.ezoic.com\/es-lang\/como-servir-imagenes-en-formatos-de-proxima-generacion-usando-wordpress\/\">Continue reading <span class=\"screen-reader-text\">C\u00f3mo servir im\u00e1genes en formatos de pr\u00f3xima generaci\u00f3n usando WordPress<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[7],"class_list":["post-213","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-infraestructura-y-optimizacion-del-sitio-web","tag-es","entry"],"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/posts\/213"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":0,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/media\/225"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/es-lang\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}