{"id":1237,"date":"2022-03-24T17:46:00","date_gmt":"2022-03-24T16:46:00","guid":{"rendered":"https:\/\/proximahost.es\/blog\/?p=1237"},"modified":"2022-03-26T19:36:22","modified_gmt":"2022-03-26T18:36:22","slug":"lazy-loading-seo-carga-diferida","status":"publish","type":"post","link":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/","title":{"rendered":"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla"},"content":{"rendered":"\n<p>\u00bfEst\u00e1s buscando la manera de <strong>mejorar el SEO<\/strong> de tu p\u00e1gina web? Entonces, seguro que has o\u00eddo hablar del <strong>lazy loading<\/strong>, una t\u00e9cnica que aumenta la <strong>velocidad de carga<\/strong> de los sitios web y, como consecuencia, mejora su <strong>posicionamiento en los buscadores<\/strong>. Si lo que quieres es conocerlo todo acerca de ella, te recomendamos que te quedes con nosotros.<\/p>\n\n\n\n<p>En este art\u00edculo te explicamos qu\u00e9 es exactamente el <strong>lazy loading<\/strong>, qu\u00e9 ventajas tiene y c\u00f3mo afecta a la <strong>experiencia de usuario<\/strong>. Por otro lado, te explicamos brevemente el m\u00e9todo m\u00e1s efectivo para implementar este proceso en una p\u00e1gina web creada con <strong>WordPress<\/strong>. \u00a1Comenzamos!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lazy loading: qu\u00e9 es exactamente<\/h2>\n\n\n\n<p>Antes de explicarte cu\u00e1les son las ventajas de esta <strong>t\u00e9cnica SEO<\/strong>, es importante que la definamos con exactitud. Debes saber que, cuando utilizamos la expresi\u00f3n inglesa <em>lazy loading<\/em>, en realidad nos referimos a una <strong>carga diferida<\/strong>. Esencialmente, estamos ante un patr\u00f3n de comportamiento que retrasa la carga de ciertos elementos en una <strong>p\u00e1gina web<\/strong> (o en una aplicaci\u00f3n). Tiene como principal objetivo optimizar el rendimiento y <strong>mejorar la experiencia de usuario<\/strong>.<\/p>\n\n\n\n<p>El funcionamiento del <strong>lazy loading<\/strong> es tremendamente sencillo. Cuando un usuario solicita el acceso a una p\u00e1gina web, debido a las dimensiones de la pantalla o la ventana del navegador, no todos los elementos se mantienen a la vista. En la mayor\u00eda de los casos, la primera impresi\u00f3n del sitio se corresponde con una peque\u00f1a parte de la p\u00e1gina. Lo normal es que se visualicen zonas como la cabecera, el men\u00fa o la <strong>imagen destacada<\/strong> de la publicaci\u00f3n. El resto del contenido queda oculto y no se mostrar\u00e1 a menos que el usuario se desplace verticalmente por la web.<\/p>\n\n\n\n<p>En vista de este comportamiento, lo m\u00e1s l\u00f3gico es que las im\u00e1genes y otros elementos del sitio que se mantienen fuera del \u00e1rea visible no se carguen a menos que sea necesario. Esto es, precisamente, lo que conocemos como <strong>lazy loading o carga diferida<\/strong>. Aplicar m\u00e9todos como el mencionado aqu\u00ed forma parte de la <strong>estrategia de marketing <\/strong>de muchas empresas, que tratan de ofrecer la mejor <strong>experiencia de usuario<\/strong> en su web y una carga del contenido (especialmente, el visible) tan veloz como sea posible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas e inconvenientes de aplicar t\u00e9cnicas como el lazy loading<\/h2>\n\n\n\n<p>Ya hemos explicado que el <strong>lazy loading<\/strong> es fundamental para mejorar el SEO de un sitio web. Esto es as\u00ed porque los buscadores cada vez m\u00e1s priorizan los <strong>sitios web r\u00e1pidos<\/strong> y eficientes. No obstante, consideramos relevante poner sobre la mesa tanto los beneficios como las desventajas de esta t\u00e9cnica.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ventajas<\/h3>\n\n\n\n<p>Te anticipamos que las ventajas de aplicar carga diferida a los elementos no visibles de tu web superan con creces a los inconvenientes. Encontramos los siguientes beneficios relacionados con esta <strong>t\u00e9cnica SEO<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Experiencia de usuario reforzada<\/strong>. Cuando un usuario aterriza en un sitio web que aplica <strong>lazy loading<\/strong> a sus elementos no visibles, suele tener una <strong>mejor experiencia<\/strong> al interactuar con el sitio. Asimismo, limitar la carga de im\u00e1genes y texto al \u00e1rea que se muestra en pantalla genera una sensaci\u00f3n de consistencia superior.<\/li><li><strong>Velocidad al acceder a un sitio<\/strong>. Muy relacionado con lo anterior, la <strong>carga diferida<\/strong> aumenta el SEO porque permite al navegador mostrar la p\u00e1gina web m\u00e1s r\u00e1pido, al menos aquella zona que sea visible seg\u00fan las caracter\u00edsticas del dispositivo. Por lo tanto, los elementos principales aparecen r\u00e1pidamente en pantalla.<\/li><li><strong>Reducci\u00f3n del impacto en los dispositivos de los usuarios<\/strong>. Un sitio con <strong>carga diferida<\/strong> es m\u00e1s eficiente y, como consecuencia, reduce la cantidad de datos y bater\u00eda que consume el terminal del usuario.<\/li><li><strong>Conexiones lentas<\/strong>. El <strong>lazy loading<\/strong> tambi\u00e9n minimiza el tama\u00f1o total de las p\u00e1ginas, lo cual hace que el sitio sea m\u00e1s accesible para los usuarios que tienen una conexi\u00f3n lenta.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Desventajas de la carga diferida<\/h3>\n\n\n\n<p>El principal inconveniente de esta t\u00e9cnica es que es necesario llevar a cabo un proceso de implementaci\u00f3n. Ya sea que prefieras la <strong>integraci\u00f3n mediante JavaScript<\/strong> o por instalar alg\u00fan plugin, especialmente en sitios <strong>WordPress<\/strong>, es indispensable que agregues c\u00f3digo adicional a la web. De igual manera, el visitante deber\u00e1 tener activada la ejecuci\u00f3n de scripts en su navegador. Por \u00faltimo, ante una implementaci\u00f3n inadecuada de la <strong>carga diferida<\/strong>, por ejemplo, reteniendo elementos que s\u00ed que deber\u00edan visualizarse, la <strong>experiencia de usuario<\/strong> podr\u00eda verse afectada de forma negativa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lazy loading: c\u00f3mo configurarlo en tu web paso a paso<\/h2>\n\n\n\n<p>En el caso de que tu web no est\u00e9 gestionada con <strong>WordPress<\/strong>, lo m\u00e1s recomendable es que utilices <strong>JavaScript<\/strong>. En la red puedes encontrar gu\u00edas muy completas que te muestran <a href=\"https:\/\/www.andreaverlicchi.eu\/vanilla-lazyload\/\">c\u00f3mo habilitar la carga r\u00e1pida<\/a> en tu p\u00e1gina paso a paso.<\/p>\n\n\n\n<p>Por el contrario, los usuarios de <strong>WordPress<\/strong> disponen de la opci\u00f3n de instalar un plugin que se encargue de hacer el trabajo por ellos. Uno que te aconsejamos es <strong>WP Rocket Lazy Load<\/strong>. Con \u00e9l aplicar\u00e1s la <strong>carga diferida<\/strong> a aquellos elementos que no se muestran en pantalla al acceder a tu sitio web. Adem\u00e1s, si integras v\u00eddeos de YouTube, este plugin los sustituye por miniaturas que pesan muy poco. As\u00ed, el elemento solo se carga si el usuario lo demanda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La necesidad de mejorar el SEO con t\u00e9cnicas como el lazy loading<\/h2>\n\n\n\n<p>El <strong>SEO<\/strong> es la piedra angular de aquellos sitios web que quieren crecer en tr\u00e1fico. Por eso, es tan necesario que te plantees el uso de <strong>t\u00e9cnicas como el lazy loading<\/strong>, ya que benefician al posicionamiento de los sitios en los resultados de los buscadores. Pero, tal y como hemos comentado, esto no es lo \u00fanico que deber\u00edas tener en cuenta a la hora de <strong>potenciar el SEO<\/strong> de tu portal. Tambi\u00e9n es importante que cuentes con el mejor <strong>alojamiento web<\/strong>, uno que sea capaz de proporcionar servidores veloces y optimizados. En <strong>ProximaHost<\/strong> te ofrecemos la posibilidad de configurar tu alojamiento para que se adapte a la perfecci\u00f3n a tu proyecto. Combinando el <a href=\"https:\/\/proximahost.es\/blog\/perspectiva-proveedores-hosting-espana\/\">mejor hosting<\/a> con <strong>t\u00e9cnicas SEO <\/strong>como <strong>el lazy loading<\/strong>, la experiencia de usuario de tu sitio web ser\u00e1 la mejor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1s buscando la manera de mejorar el SEO de tu p\u00e1gina web? Entonces, seguro que has o\u00eddo hablar del lazy loading, una t\u00e9cnica que aumenta la velocidad de carga de los sitios web y, como consecuencia, mejora su posicionamiento en los buscadores. Si lo que quieres es conocerlo todo acerca de ella, te recomendamos que [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1252,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[21,12],"tags":[],"class_list":["post-1237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimizacion","category-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla<\/title>\n<meta name=\"description\" content=\"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla\" \/>\n<meta property=\"og:description\" content=\"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/\" \/>\n<meta property=\"og:site_name\" content=\"ProximaHost\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-24T16:46:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-26T18:36:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"570\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nicol\u00e1s Teleki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicol\u00e1s Teleki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/\",\"url\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/\",\"name\":\"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla\",\"isPartOf\":{\"@id\":\"https:\/\/proximahost.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg\",\"datePublished\":\"2022-03-24T16:46:00+00:00\",\"dateModified\":\"2022-03-26T18:36:22+00:00\",\"author\":{\"@id\":\"https:\/\/proximahost.es\/blog\/#\/schema\/person\/5f8768d9188bd080447891671bb911a5\"},\"description\":\"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella\",\"breadcrumb\":{\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage\",\"url\":\"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg\",\"contentUrl\":\"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg\",\"width\":900,\"height\":570,\"caption\":\"lazy loading\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/proximahost.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/proximahost.es\/blog\/#website\",\"url\":\"https:\/\/proximahost.es\/blog\/\",\"name\":\"ProximaHost\",\"description\":\"Tu hosting cloud\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/proximahost.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/proximahost.es\/blog\/#\/schema\/person\/5f8768d9188bd080447891671bb911a5\",\"name\":\"Nicol\u00e1s Teleki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/proximahost.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c23d9ac02cf21adf291de0b13c70b38f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c23d9ac02cf21adf291de0b13c70b38f?s=96&d=mm&r=g\",\"caption\":\"Nicol\u00e1s Teleki\"},\"url\":\"https:\/\/proximahost.es\/blog\/author\/nteleki\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla","description":"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella","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:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/","og_locale":"es_ES","og_type":"article","og_title":"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla","og_description":"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella","og_url":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/","og_site_name":"ProximaHost","article_published_time":"2022-03-24T16:46:00+00:00","article_modified_time":"2022-03-26T18:36:22+00:00","og_image":[{"width":900,"height":570,"url":"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg","type":"image\/jpeg"}],"author":"Nicol\u00e1s Teleki","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Nicol\u00e1s Teleki","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/","url":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/","name":"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla","isPartOf":{"@id":"https:\/\/proximahost.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage"},"image":{"@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage"},"thumbnailUrl":"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg","datePublished":"2022-03-24T16:46:00+00:00","dateModified":"2022-03-26T18:36:22+00:00","author":{"@id":"https:\/\/proximahost.es\/blog\/#\/schema\/person\/5f8768d9188bd080447891671bb911a5"},"description":"Te contamos todo lo que debes saber acerca de la t\u00e9cnica del lazy loading o carga diferida. Aprende a mejorar tu SEO con ella","breadcrumb":{"@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#primaryimage","url":"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg","contentUrl":"https:\/\/proximahost.es\/blog\/wp-content\/uploads\/2022\/03\/lazy-loading-1.jpg","width":900,"height":570,"caption":"lazy loading"},{"@type":"BreadcrumbList","@id":"https:\/\/proximahost.es\/blog\/lazy-loading-seo-carga-diferida\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proximahost.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Lazy loading: c\u00f3mo beneficia al SEO la carga diferida y c\u00f3mo aprovecharla"}]},{"@type":"WebSite","@id":"https:\/\/proximahost.es\/blog\/#website","url":"https:\/\/proximahost.es\/blog\/","name":"ProximaHost","description":"Tu hosting cloud","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proximahost.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/proximahost.es\/blog\/#\/schema\/person\/5f8768d9188bd080447891671bb911a5","name":"Nicol\u00e1s Teleki","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/proximahost.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c23d9ac02cf21adf291de0b13c70b38f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c23d9ac02cf21adf291de0b13c70b38f?s=96&d=mm&r=g","caption":"Nicol\u00e1s Teleki"},"url":"https:\/\/proximahost.es\/blog\/author\/nteleki\/"}]}},"_links":{"self":[{"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/posts\/1237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/comments?post=1237"}],"version-history":[{"count":2,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/posts\/1237\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/posts\/1237\/revisions\/1246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/media\/1252"}],"wp:attachment":[{"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/media?parent=1237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/categories?post=1237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proximahost.es\/blog\/wp-json\/wp\/v2\/tags?post=1237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}