{"id":28613,"date":"2019-01-22T17:08:57","date_gmt":"2019-01-22T15:08:57","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=28613"},"modified":"2019-01-22T17:08:57","modified_gmt":"2019-01-22T15:08:57","slug":"carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/","title":{"rendered":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\" class=\"aligncenter size-medium wp-image-28622\" height=\"400\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress-600x400.png\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress-500x333.png 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress-350x233.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\t<strong>WordPress<\/strong> es un gestor de contenidos al que le encantan las im&aacute;genes y as&iacute; lo demuestra con su <strong>gestor de medios<\/strong> y la cantidad de opciones que ofrece para a&ntilde;adir im&aacute;genes.\n<\/p>\n<p>\n\tLas im&aacute;genes en una web son muy importantes, mejoran el aspecto visual y facilitan la usabilidad de cualquier proyecto web.\n<\/p>\n<p>\n\tHace a&ntilde;os, los que ya hac&iacute;amos p&aacute;ginas web, nos ten&iacute;amos que pelear con HTML y <strong>la velocidad de la red<\/strong> hac&iacute;a <strong>pr&aacute;cticamente inviable a&ntilde;adir muchas im&aacute;genes<\/strong>.\n<\/p>\n<p>\n\tHoy todo esto ha cambiado, las redes son mucho m&aacute;s r&aacute;pidas y eso facilita<strong> a&ntilde;adir im&aacute;genes por doquier <\/strong>, &iexcl;incluso v&iacute;deos!.\n<\/p>\n<p>\n\tAun as&iacute;, hay factores que comprometen el sitio web si se abusa de las im&aacute;genes o del tama&ntilde;o de las mismas.\n<\/p>\n<p>\n\tPor ejemplo el <strong>SEO<\/strong>, a Google y dem&aacute;s buscadores les gusta que los sitios web carguen lo antes posible y si se usan muchas im&aacute;genes o no se optimizan<strong> puede bajar nuestra clasificaci&oacute;n<\/strong> en los resultados de las b&uacute;squedas.\n<\/p>\n<blockquote>\n<p>\n\t\t<strong>IMPORTANTE<\/strong>: Si tu WordPress no carga r&aacute;pido, Google no te querr&aacute; y perder&aacute;s usuarios \/ clientes.\n\t<\/p>\n<\/blockquote>\n<p>\n\tOtro handicap muy importante son los dispositivos m&oacute;viles, ya que las redes m&oacute;viles no son tan r&aacute;pidas como las que podemos disfrutar en el hogar o la oficina.\n<\/p>\n<p>\n\tCada vez m&aacute;s los usuarios usan su tel&eacute;fono para navegar por Internet y si nuestro WordPress no est&aacute; optimizado para que se muestre bien y r&aacute;pido, <strong>dejar&aacute;n de navegar por nuestra web y se ir&aacute;n a otro sitio<\/strong>.\n<\/p>\n<p>\n\tAdem&aacute;s, Google tambi&eacute;n mira con buenos ojos que tratemos a los visitantes de dispositivos m&oacute;viles lo mejor posible y que adaptemos nuestro WordPress a las velocidades de los datos m&oacute;viles.\n<\/p>\n<p>\n\tAs&iacute; que tenemos que llegar a un equilibrio entre las im&aacute;genes a mostrar y la velocidad de la web. Cuantas m&aacute;s im&aacute;genes a&ntilde;adamos, m&aacute;s tardar&aacute; el sitio en cargar, pero por otro lado, <strong>&iquest;qui&eacute;n quiere entrar en una web que solo tiene texto?<\/strong>\n<\/p>\n<p>\n\tPor suerte, existen personas que se encargan de solucionarlos la vida en este aspecto y que se inventaron el <strong> Lazy Load<\/strong> o <em>Carga Diferida<\/em> se podr&iacute;a traducir al espa&ntilde;ol.<br \/>\n\t&nbsp;\n<\/p>\n<h2>\n\tQu&eacute; es el Lazy Load o la Carga Diferida<br \/>\n<\/h2>\n<p>\n\tSi pensamos en un art&iacute;culo o p&aacute;gina con mucho contenido que hayamos publicado en nuestro WordPress, nos daremos cuenta que <strong>hemos tenido que a&ntilde;adir varias im&aacute;genes o v&iacute;deos<\/strong> que acompa&ntilde;en a tanto texto.\n<\/p>\n<p>\n\tUna p&aacute;gina donde tengamos que hacer varios <em>scrolls<\/em> para llegar al final puede plantearnos el dilema del que hemos hablado.\n<\/p>\n<p>\n\tSi a&ntilde;adimos mucho contenido adicional, podemos acabar con una p&aacute;gina lenta que no le guste a los usuarios y a Google, pero por otro lado, si no los a&ntilde;adimos la p&aacute;gina quedar&aacute; poco atractiva y <em>sosa<\/em>.\n<\/p>\n<p>\n\tCuando entramos en una p&aacute;gina web con mucho contenido, es normal que <strong>tengamos que esperar un poco a que todo ese contenido se cargue <\/strong>.\n<\/p>\n<p>\n\tDespu&eacute;s nos podemos desplazar a lo largo de la p&aacute;gina para ver todo el contenido que ya ha sido cargado.\n<\/p>\n<blockquote>\n<p>\n\t\tCon Lazy Load o Carga Diferida los contenidos no se cargan mientras no se muestren en la pantalla.\n\t<\/p>\n<\/blockquote>\n<p>\n\tCon la <em>carga diferida<\/em> se consigue evitar esto, ya que <strong>solo carga el contenido que se muestre en la pantalla<\/strong>.\n<\/p>\n<p>\n\tDe esta forma, no tenemos que esperar a que se carguen todas las im&aacute;genes o v&iacute;deos para poder empezar a visualizar el contenido, <strong>rebajando considerablemente los tiempos de carga<\/strong>.\n<\/p>\n<p>\n\tEl contenido se ir&aacute; cargando seg&uacute;n la pantalla lo solicite, as&iacute; de <strong>sencillo y efectivo<\/strong>.\n<\/p>\n<p>\n\tEsto funciona muy bien en sitios con mucho contenido, im&aacute;genes en alta resoluci&oacute;n, v&iacute;deos, etc&hellip; Si tenemos una p&aacute;gina con un par de im&aacute;genes, apenas notaremos diferencia.\n<\/p>\n<p>\n\tAhora viene la pregunta del mill&oacute;n, <strong>&iquest;como implementamos la carga diferida en nuestro WordPress?<\/strong>.<br \/>\n\t&nbsp;\n<\/p>\n<h2>\n\tPlugin a3 Lazy Load para WordPress<br \/>\n<\/h2>\n<p>\n\tComo os habr&eacute;is imaginado, para usar la <strong>carga diferida en WordPress<\/strong> haremos uso de un plugin.\n<\/p>\n<p>\n\tEl plugin <strong>a3 Lazy Load<\/strong> es perfecto para este cometido, es gratuito, sencillo de usar y compatible con WordPress 5.xx.\n<\/p>\n<p>\n\tLo pod&eacute;is descargar desde <em><a href=\"https:\/\/es.wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" title=\"descargar plugin a3 Lazy Load\">aqu&iacute;<\/a><\/em> o simplemente buscarlo desde la secci&oacute;n de plugins de vuestro WordPress.\n<\/p>\n<p>\n\tUna vez lo hayamos activado, encontraremos las opciones de configuraci&oacute;n en el men&uacute; lateral, dentro de <strong>Ajustes &gt; a3 Lazy Load<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"menu a3 lazy load WordPress\" class=\"aligncenter size-full wp-image-28615\" height=\"376\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/menu-a3-lazy-load.jpg\" width=\"363\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/menu-a3-lazy-load.jpg 363w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/menu-a3-lazy-load-350x363.jpg 350w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/>\n<\/p>\n<p>\n\t<strong>A3 Lazy Load<\/strong> est&aacute; en ingl&eacute;s, pero su configuraci&oacute;n es muy sencilla, de hecho, no henos modificado nada de la configuraci&oacute;n que viene por defecto en las pruebas que hemos realizado y los resultados han sido buenos.\n<\/p>\n<p>\n\tSi entramos a los ajustes del plugin, lo primero que encontraremos ser&aacute; la opci&oacute;n de <strong>Plugin Framework Global Settings<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"a3 lazy load framework\" class=\"aligncenter size-medium wp-image-28616\" height=\"244\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-framework-600x244.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-framework.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-framework-500x203.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-framework-350x142.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tLa opci&oacute;n <strong>Open Box Display<\/strong> tan solo indica si queremos que todos los men&uacute;s de configuraci&oacute;n del plugin se muestren abiertos al entrar en la configuraci&oacute;n del plugin.\n<\/p>\n<p>\n\tLa opci&oacute;n <strong>House Keeping<\/strong> hace que tras la desinstalar el plugin, no quedar&aacute; rastro suyo en el c&oacute;digo de WordPress.\n<\/p>\n<p>\n\tEn la siguiente caja de opciones encontraremos el deslizador para activar y desactivar el plugin cuando queramos. No es necesario desactivar el plugin si no queremos.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"activar desactivar a3 lazy load WordPress\" class=\"aligncenter size-full wp-image-28617\" height=\"141\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/activar-desactivar-a3-lazy-load.jpg\" width=\"434\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/activar-desactivar-a3-lazy-load.jpg 434w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/activar-desactivar-a3-lazy-load-350x114.jpg 350w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/>\n<\/p>\n<p>\n\tLas dos cajas siguientes se encargan de gestionar <strong>las im&aacute;genes y los v&iacute;deos<\/strong>.\n<\/p>\n<p>\n\tEn ambos casos podemos elegir si queremos activar el plugin en todos los supuestos o <strong>preferimos excluir algunos<\/strong>, como las <strong>im&aacute;genes dentro del contenido o los thumbnails<\/strong>.\n<\/p>\n<p>\n\tPor lo general, <strong>la configuraci&oacute;n por defecto ser&aacute; marcar todas las opciones<\/strong>, pero en algunos casos nos puede venir bien poder desmarcar algunas opciones. &iexcl;A gusto del consumidor!\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"a3 lazy load imagenes videos WordPress\" class=\"aligncenter size-medium wp-image-28618\" height=\"390\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-imagenes-videos-600x390.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-imagenes-videos.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-imagenes-videos-500x325.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-imagenes-videos-350x228.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tUna de las opciones que m&aacute;s nos ha gustado del plugin a3 Lazy Load, es poder <strong>excluir URL&rsquo;s o p&aacute;ginas<\/strong> de la carga diferida.\n<\/p>\n<p>\n\tSu uso es muy sencillo, solo tenemos que a&ntilde;adir la URL que queramos excluir o marcar las casillas que nos convenga, por ejemplo la <strong>Home Page<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"a3 lazy load excluir WordPress\" class=\"aligncenter size-medium wp-image-28619\" height=\"346\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-excluir-600x346.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-excluir.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-excluir-500x288.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazy-load-excluir-350x202.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tComo en ocasiones ya habr&aacute;n usuarios que hayan instalado alg&uacute;n plugin para gestionar el tr&aacute;fico m&oacute;vil y no necesitemos cargar las im&aacute;genes de forma diferida.\n<\/p>\n<p>\n\tEl plugin <strong>a3 Lazy Load<\/strong> nos ofrece la opci&oacute;n de desactivarse para las p&aacute;ginas creadas con <strong>WpTouch<\/strong> o <strong>MobilePress<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"a3 lazyload plugin moviles WordPress\" class=\"aligncenter size-medium wp-image-28620\" height=\"136\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazyload-plugin-moviles-600x136.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazyload-plugin-moviles.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazyload-plugin-moviles-500x113.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-lazyload-plugin-moviles-350x79.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tEl resto de las opciones pod&eacute;is dejarlas como est&aacute;n ya que no es necesario configurar nada m&aacute;s para que <strong>a3 Lazy Load<\/strong> funcione correctamente.\n<\/p>\n<h2>\n\t<br \/>\n\tCosas a Tener en Cuenta<br \/>\n<\/h2>\n<p>\n\tComo hemos dicho antes, el plugin <strong>a3 Lazy Load<\/strong> es perfecto para solucionar los problemas de velocidad de carga en algunos casos.\n<\/p>\n<p>\n\tSi no usamos im&aacute;genes en gran formato o ponemos pocas im&aacute;genes en nuestras p&aacute;ginas y art&iacute;culos, quiz&aacute;s solo con optimizar las im&aacute;genes sea suficiente y <strong>nos podemos ahorrar un plugin<\/strong>.\n<\/p>\n<p>\n\tSi usamos muchas im&aacute;genes y notamos que los tiempos de carga de la web se ralentizan, <strong>a3 Lazy Load<\/strong> puede ser la soluci&oacute;n a tus problemas, adem&aacute;s de una forma muy sencilla.\n<\/p>\n<h2>\n\t<br \/>\n\tHosting para WordPress Ultra R&aacute;pido<br \/>\n<\/h2>\n<p>\n\tSi necesitas un <strong>hosting WordPress<\/strong> que sea <strong>ultra r&aacute;pido<\/strong>, para que tu WordPress no se atasque, &iexcl;en <strong>Hostinet<\/strong> podemos ayudarte!\n<\/p>\n<p>\n\tTodos los planes de hosting WordPress que ofrecemos, <strong>montan discos SSD<\/strong>, que son mucho m&aacute;s r&aacute;pidos y eficientes que los discos tradicionales, por lo que no tendr&aacute;s ning&uacute;n problema a la hora de mostrar todo el contenido que quieras y &iexcl;&iexcl;a la velocidad del rayo!!\n<\/p>\n<p>\n\tAdem&aacute;s, tendr&aacute;s muchas m&aacute;s ventajas, como el <strong>soporte t&eacute;cnico especializado en WordPress<\/strong> o los certificados <strong>SSL gratis<\/strong> entre otras muchas cosas.\n<\/p>\n<p>\n\tEn la siguiente tabla puedes ver las especificaciones de los <strong>planes de alojamiento web para WordPress<\/strong> m&aacute;s populares en Hostinet:\n<\/p>\n<p>\n\t<a href=\"https:\/\/www.hostinet.com\/hosting-wordpress\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/03\/banner_hosting_wordpress.jpg\" alt=\"Hosting WordPress\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>WordPress es un gestor de contenidos al que le encantan las im&aacute;genes y as&iacute; lo demuestra con su gestor de medios y la cantidad de opciones que ofrece para a&ntilde;adir im&aacute;genes. Las im&aacute;genes en una web son muy importantes, mejoran el aspecto visual y facilitan la usabilidad de cualquier proyecto\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":28622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1783],"tags":[],"class_list":["post-28613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load<\/title>\n<meta name=\"description\" content=\"Para ganar tiempos de carga en WordPress puede usar el &quot;Lazy Load&quot; o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...\" \/>\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.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\" \/>\n<meta property=\"og:description\" content=\"Para ganar tiempos de carga en WordPress puede usar el &quot;Lazy Load&quot; o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-22T15:08:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\",\"datePublished\":\"2019-01-22T15:08:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/\"},\"wordCount\":1477,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/a3-Lazy-Load-wordpress.png\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/\",\"name\":\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/a3-Lazy-Load-wordpress.png\",\"datePublished\":\"2019-01-22T15:08:57+00:00\",\"description\":\"Para ganar tiempos de carga en WordPress puede usar el \\\"Lazy Load\\\" o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/a3-Lazy-Load-wordpress.png\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/a3-Lazy-Load-wordpress.png\",\"width\":600,\"height\":400,\"caption\":\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wordpress\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load","description":"Para ganar tiempos de carga en WordPress puede usar el \"Lazy Load\" o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...","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.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/","og_locale":"es_ES","og_type":"article","og_title":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load","og_description":"Para ganar tiempos de carga en WordPress puede usar el \"Lazy Load\" o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...","og_url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/","og_site_name":"Hostinet","article_published_time":"2019-01-22T15:08:57+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png","type":"image\/png"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load","datePublished":"2019-01-22T15:08:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/"},"wordCount":1477,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png","articleSection":["Wordpress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/","url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/","name":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png","datePublished":"2019-01-22T15:08:57+00:00","description":"Para ganar tiempos de carga en WordPress puede usar el \"Lazy Load\" o Carga Diferida de las im\u00e1genes, as\u00ed solo se cargan las im\u00e1genes que se muestren en la pantalla. Al cargar menos im\u00e1genes, los tiempos de carga mejoran, los usuarios est\u00e1n m\u00e1s contentos y Google est\u00e1 m\u00e1s contento...","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/01\/a3-Lazy-Load-wordpress.png","width":600,"height":400,"caption":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/carga-diferida-de-imagenes-en-wordpress-con-3-lazy-load\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Wordpress","item":"https:\/\/www.hostinet.com\/formacion\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"Carga Diferida de Im\u00e1genes en WordPress con a3 Lazy Load"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=28613"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28613\/revisions"}],"predecessor-version":[{"id":28623,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28613\/revisions\/28623"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/28622"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=28613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=28613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=28613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}