{"id":25311,"date":"2022-11-08T15:37:00","date_gmt":"2022-11-08T14:37:00","guid":{"rendered":"\/tutoriales\/?p=25311"},"modified":"2025-02-12T19:23:32","modified_gmt":"2025-02-12T18:23:32","slug":"lazy-load-en-wordpress","status":"publish","type":"post","link":"\/es\/tutoriales\/lazy-load-en-wordpress\/","title":{"rendered":"Lazy load en WordPress: c\u00f3mo implementarlo en tu sitio web"},"content":{"rendered":"<p>Si tu sitio web de WordPress depende en gran medida del contenido visual, es posible que quieras a&ntilde;adirle la funcionalidad lazy load o carga diferida. Esta funci&oacute;n de WordPress ayuda a mejorar la velocidad y el rendimiento de la p&aacute;gina de un sitio web, por lo que es esencial para tus esfuerzos de SEO.<\/p><p>En este art&iacute;culo exploraremos c&oacute;mo funciona la carga diferida o lazy load junto con sus pros y sus contras. Tambi&eacute;n aprender&aacute;s c&oacute;mo implementarla en tu sitio web y las formas de optimizar su uso para obtener mejores resultados.<\/p><p>\n\n\n\n\n\n\n\n\n\n<div class=\"protip\"><div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                   &iquest;Qu&eacute; es Lazy Load?\n                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> Es una funcionalidad que permite a un sitio web cargar solo las im&aacute;genes que son visibles para el usuario. Ayuda al sitio web a mantener una velocidad de carga r&aacute;pida al no descargar las im&aacute;genes fuera de la ventana gr&aacute;fica. <\/p><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-como-funciona-lazy-load-en-wordpress\">&iquest;C&oacute;mo funciona Lazy Load en WordPress?<\/h2><p>Cuando un usuario visita un sitio web de WordPress, su navegador descarga todas las im&aacute;genes de la p&aacute;gina web a la vez. Para las p&aacute;ginas con muchas im&aacute;genes de alta resoluci&oacute;n, este proceso puede aumentar el tiempo de carga de forma significativa, conformando un elemento que perjudica el rendimiento de tu sitio web.<\/p><p>Agregar lazy load a tu sitio web hace que solo se descarguen las im&aacute;genes que son visibles en la pantalla del usuario. El resto de los archivos multimedia se sustituyen por una imagen de marcador de posici&oacute;n y solo se cargan cuando el usuario se desplaza hacia abajo en la p&aacute;gina web.<\/p><h2 class=\"wp-block-heading\" id=\"h-ventajas-y-desventajas-de-lazy-load-en-wordpress\">Ventajas y desventajas de Lazy load en WordPress<\/h2><p>Si todav&iacute;a te est&aacute;s preguntando si deber&iacute;as implementar la carga diferida de im&aacute;genes en WordPress, aqu&iacute; tienes los pros y los contras de esta funci&oacute;n:<\/p><p><strong>Pros:<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Reduce el uso del ancho de banda, disminuyendo los costos de alojamiento.<\/li>\n\n\n\n<li>Mejora la velocidad del sitio, haciendo que la experiencia de navegaci&oacute;n de los visitantes sea mejor.<\/li>\n\n\n\n<li>Potencializa la experiencia m&oacute;vil.<\/li>\n\n\n\n<li>Optimiza la puntuaci&oacute;n del Largest Contentful Paint<\/li>\n\n\n\n<li>Mejora los esfuerzos de <a href=\"\/es\/tutoriales\/que-es-seo\/\">SEO<\/a>, aumentando el ranking de b&uacute;squeda de tu sitio.<\/li>\n<\/ul><p><strong>Contras:<\/strong><\/p><ul class=\"wp-block-list\">\n<li>Provoca un buffering del contenido, perjudicando la velocidad de carga.<\/li>\n\n\n\n<li>Ralentiza el desplazamiento r&aacute;pido.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-como-anadir-lazy-loading-de-wordpress-a-tu-sitio-web-3-metodos\">C&oacute;mo a&ntilde;adir Lazy Loading de WordPress a tu sitio web: 3 m&eacute;todos<\/h2><p>Hay tres formas de implementar lazy loading en tu sitio web de WordPress. Te recomendamos que elijas la que mejor se adapte a tu situaci&oacute;n.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-actualizar-a-wordpress-5-4-o-superior\">1. Actualizar a WordPress 5.4 o superior<\/h3><p>Las versiones de WordPress 5.4 y superiores incluyen im&aacute;genes de carga diferida por defecto. Actualizar tu WordPress a la versi&oacute;n m&aacute;s reciente habilitar&aacute; autom&aacute;ticamente la carga diferida.<\/p><p>A pesar de ser el m&eacute;todo m&aacute;s sencillo, no te permite configurar cu&aacute;les im&aacute;genes deben ser de carga diferida. En consecuencia, tu sitio web puede utilizar en exceso la funci&oacute;n, manifestando los contras antes mencionados.<\/p><p>Otro factor a tener en cuenta es la diferente naturaleza de la funci&oacute;n lazy load en cada versi&oacute;n de WordPress. Recientemente, WordPress ha publicado que la versi&oacute;n 5.9 de WordPress implementa mejoras para resolver los problemas con las pobres puntuaciones de Large Contentful Paint de las versiones m&aacute;s antiguas.<\/p><p>Esto significa que los sitios web que funcionan con versiones anteriores de WordPress no obtienen las mismas ventajas que los que usan WordPress 5.9.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-activa-lazy-loading-nativo-a-traves-del-navegador\">2. Activa Lazy Loading nativo a trav&eacute;s del navegador<\/h3><p>Los navegadores m&aacute;s populares, como Chrome, Firefox y Opera, admiten lazy loading nativo de im&aacute;genes. Solo tienes que a&ntilde;adir el atributo <em>loading<\/em> &lt;img loading=&rdquo;lazy&rdquo;&gt; a las im&aacute;genes y v&iacute;deos seleccionados para activarlo autom&aacute;ticamente.<\/p><p>En lazy loading nativo de WordPress, el atributo loading admite estos tres valores:<\/p><ul class=\"wp-block-list\">\n<li><strong>Auto<\/strong> &ndash; activa lazy loading por defecto, que es lo mismo que no incluir un atributo loading.<\/li>\n\n\n\n<li><strong>Lazy<\/strong> &ndash; distribuye la carga de los recursos hasta que cada uno alcanza la distancia especificada de la ventana gr&aacute;fica.<\/li>\n\n\n\n<li><strong>Eager<\/strong> &ndash; carga todos los recursos en cuanto se carga la p&aacute;gina, independientemente de su ubicaci&oacute;n.<\/li>\n<\/ul><p>Aqu&iacute; tienes un ejemplo de c&oacute;mo utilizarlo:<\/p><pre class=\"wp-block-code\"><code>&lt;img src=\"nombre-imagen.png\" loading=\"perezoso\" alt=\"atributo alt\" width=\"200&Prime; height=\"200&Prime;&gt;<\/code><\/pre><p>Este m&eacute;todo es ideal para el lazy loading de ciertas im&aacute;genes, dando a cada una un atributo loading que dicta su tiempo de aparici&oacute;n en la ventana gr&aacute;fica. Sin embargo, la carga diferida de im&aacute;genes individuales puede llevar cierto tiempo, especialmente si tu sitio web tiene muchos archivos multimedia.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-instalar-un-plugin\">3. Instalar un plugin<\/h3><p>Como no todos los navegadores admiten la carga diferida de im&aacute;genes y v&iacute;deos, el segundo m&eacute;todo puede no funcionar siempre. En este caso, puedes mitigar este problema <a href=\"\/es\/tutoriales\/plugins-en-wordpress-gratis\/\">instalando un plugin de lazy load para WordPress<\/a>. Este m&eacute;todo te da m&aacute;s control sobre las im&aacute;genes que se cargan lentamente sin necesidad de programar o escribir c&oacute;digo.<\/p><p>Los siguientes son los <a href=\"\/es\/tutoriales\/mejores-plugins-wordpress\/\">mejores plugins de WordPress<\/a> para lazy load entre los que puedes elegir y que son accesibles a trav&eacute;s del directorio de plugins de WordPress.<\/p><p><a href=\"https:\/\/es.wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Optimization &amp; Lazy Load by Optimole<\/a><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-3.png\/public\" alt=\"Banner del plugin de WordPress a3 Lazy Load\" class=\"wp-image-25313\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-3.png\/w=772,fit=scale-down 772w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-3.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-3.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure><p>Uno de los puntos fuertes de Optimole es que admite todo tipo de im&aacute;genes, incluidas las AVIF. Este plugin freemium de lazy load permite <a href=\"\/es\/tutoriales\/como-optimizar-imagenes-wordpress\/\">optimizar las im&aacute;genes de WordPress<\/a> y escalarlas para adaptarlas a los dispositivos de los visitantes, garantizando una experiencia de usuario &oacute;ptima.<\/p><p>Cuando detecta una red m&aacute;s lenta, Optimole te da la opci&oacute;n de disminuir la calidad de la imagen. Adem&aacute;s, ahorra espacio de almacenamiento guardando las im&aacute;genes en la nube de Optimole.<\/p><p>El plugin gratuito te permite optimizar las im&aacute;genes para un m&aacute;ximo de 5.000 visitas mensuales. Tambi&eacute;n adquirir el plan Pro te permite la carga diferida de im&aacute;genes para 25.000 visitantes activos mensuales y m&aacute;s. Las im&aacute;genes de ambos planes se sirven a trav&eacute;s de la CDN de AWS Cloudfront.<\/p><p><a href=\"https:\/\/es.wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smush<\/a><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"940\" height=\"304\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-4.png\/public\" alt=\"Banner del plugin de WordPress  Smush\" class=\"wp-image-25314\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-4.png\/w=940,fit=scale-down 940w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-4.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-4.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-4.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/figure><p>Smush es un popular plugin de optimizaci&oacute;n de im&aacute;genes que soporta lazy load. Es compatible con los temas, constructores de p&aacute;ginas y plugins de bibliotecas multimedia m&aacute;s populares. Adem&aacute;s, te permite guardar los ajustes del plugin en configuraciones ilimitadas y aplicarlas en unos pocos clics.<\/p><p>Otras funciones &uacute;tiles son la detecci&oacute;n de tama&ntilde;os de imagen incorrectos, la compatibilidad con sitios m&uacute;ltiples y las herramientas de compresi&oacute;n de im&aacute;genes. De igual forma, la actualizaci&oacute;n a Smush Pro te permite optimizar im&aacute;genes grandes sin limitaciones de tama&ntilde;o, hacer copias de seguridad de las im&aacute;genes originales y acceder a otros plugins de WPMU Pro. Los precios son a partir de <strong>5 d&oacute;lares al mes<\/strong>.<\/p><p><a href=\"https:\/\/es.wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">a3 Lazy Load<\/a><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-5.png\/public\" alt=\"Banner del plugin de WordPress  a3rev\" class=\"wp-image-25315\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-5.png\/w=772,fit=scale-down 772w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-5.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-5.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2022\/11\/image-5.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure><p>a3 Lazy Load es un plugin gratuito de lazy laod orientado a m&oacute;viles. Es totalmente compatible con WordPress 5.9 y con varias herramientas de tecnolog&iacute;a populares, como los plugins WebP y AMP.<\/p><p>Adem&aacute;s de ofrecer las funciones b&aacute;sicas de la carga diferida de im&aacute;genes, a3 Lazy Load tambi&eacute;n te permite la carga diferida de v&iacute;deos, incluidos los v&iacute;deos incrustados en p&aacute;ginas, entradas, tipos de entradas personalizadas y widgets. Tambi&eacute;n est&aacute;n disponibles los efectos de lazy load y la opci&oacute;n de cargar scripts desde la cabecera o el pie de p&aacute;gina.<\/p><p>Otras caracter&iacute;sticas destacables son la compatibilidad con multisitios, la compatibilidad con im&aacute;genes WebP y la cargadiferida de iframes, que se aplica a los iframes que el n&uacute;cleo de WordPress no carga, como Google Maps y los medios incrustados.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/es\/hosting-wordpress\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-consejos-para-la-carga-diferida-de-wordpress\">Consejos para la carga diferida de WordPress<\/h2><p>La clave para sacar el m&aacute;ximo partido al lazy load es utilizarlo correctamente. Aqu&iacute; tienes algunos consejos para realizar lazy load en tu sitio de WordPress:<\/p><ul class=\"wp-block-list\">\n<li><strong>No cargues las im&aacute;genes por encima del pliegue.<\/strong> Como las im&aacute;genes colocadas en la parte superior de la p&aacute;gina son visibles al cargar, lazy load no tiene ning&uacute;n beneficio.<\/li>\n\n\n\n<li><strong>Elige marcadores de posici&oacute;n adecuados. <\/strong>Te recomendamos que utilices un color s&oacute;lido y dominante o una imagen de baja calidad como marcador de posici&oacute;n para tus im&aacute;genes.<\/li>\n\n\n\n<li><strong>A&ntilde;ade un tiempo de espera para la carga de las im&aacute;genes. <\/strong>De esta forma, tus im&aacute;genes estar&aacute;n listas justo antes de entrar en la ventana gr&aacute;fica de los visitantes, eliminando cualquier tiempo de espera.<\/li>\n\n\n\n<li><strong>Define las dimensiones de los contenedores de im&aacute;genes. <\/strong>Esto ayudar&aacute; a evitar cambios repentinos en el dise&ntilde;o, haciendo que tu p&aacute;gina web se vea ordenada al cargar.<\/li>\n\n\n\n<li><strong>Implementa lazy load solo en las p&aacute;ginas extensas. <\/strong>Las p&aacute;ginas extensas son aquellas que requieren m&aacute;s de dos desplazamientos o scrolls para llegar al final y tienen m&aacute;s de cinco im&aacute;genes debajo del pliegue.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>La carga diferida de im&aacute;genes en WordPress te permite ofrecer a los visitantes una mejor experiencia de navegaci&oacute;n. Adem&aacute;s de mejorar la velocidad del sitio, esta funci&oacute;n tambi&eacute;n reduce el uso de tu ancho de banda. En general, contribuye a tus <a href=\"\/es\/tutoriales\/seo-en-wordpress\/\">esfuerzos de SEO<\/a> para lograr una mejor posicionamiento en las b&uacute;squedas.<\/p><p>Esperamos que este art&iacute;culo te haya ayudado a entender c&oacute;mo aprovechar al m&aacute;ximo la funci&oacute;n de lazy load en los sitios de WordPress. Aseg&uacute;rate de utilizar un <a href=\"\/es\/hosting-wordpress\">alojamiento de WordPress <\/a>de alta calidad para mejorar a&uacute;n m&aacute;s el rendimiento de tu sitio. &iexcl;Buena suerte!<\/p><p>\n\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Aprende otras t&eacute;cnicas avanzadas de WordPress                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> <\/p><p><a href=\"\/es\/tutoriales\/que-es-base-datos-wordpress\/\">Todo lo que necesitas saber sobre la base de datos de WordPress<\/a><\/p><p><a href=\"\/es\/tutoriales\/cumplir-rgpd-wordpress\/\">Gu&iacute;a para el cumplimiento del RGPD en WordPress<\/a><\/p><p><a href=\"\/es\/tutoriales\/campos-personalizados-wordpress\/\">C&oacute;mo agregar campos personalizados a tu contenido de WordPress<\/a><\/p><p><a href=\"\/es\/tutoriales\/mejorar-velocidad-wordpress\/\">C&oacute;mo mejorar la velocidad de tu sitio web de WordPress<\/a><\/p><p> <\/p>\n                    <\/div>\n        \n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si tu sitio web de WordPress depende en gran medida del contenido visual, es posible que quieras a&ntilde;adirle la funcionalidad lazy load o carga diferida. Esta funci&oacute;n de WordPress ayuda a mejorar la velocidad y el rendimiento de la p&aacute;gina de un sitio web, por lo que es esencial para tus esfuerzos de SEO. En [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/lazy-load-en-wordpress\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Lazy Load en WordPress: Qu\u00e9 es y c\u00f3mo activarlo","rank_math_description":"La carga diferida o lazy load de WordPress debe ser una prioridad para los sitios con contenido multimedia. Aprende a activarla de 3 maneras.","rank_math_focus_keyword":"WordPress Lazy Load","footnotes":""},"categories":[4747,14347],"tags":[],"class_list":["post-25311","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-avanzado"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-lazy-load\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-lazy-loading\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/lazy-load-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/lazy-load-en-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-lazy-loading-how-to-implement-it-on-your-site\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-lazy-loading-how-to-implement-it-on-your-site\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-lazy-load\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-lazy-load\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-lazy-load\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-lazy-load\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-lazy-load\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/lazy-load-en-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/lazy-load-en-wordpress\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/lazy-load-en-wordpress\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-lazy-loading-como-implementa-lo-em-seu-site\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/25311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=25311"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/25311\/revisions"}],"predecessor-version":[{"id":40890,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/25311\/revisions\/40890"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=25311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=25311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=25311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}