{"id":219,"date":"2020-07-29T00:00:00","date_gmt":"2020-07-28T22:00:00","guid":{"rendered":"https:\/\/orienteed.com\/\/?p=219"},"modified":"2024-09-19T16:34:16","modified_gmt":"2024-09-19T14:34:16","slug":"how-to-speed-up-website-lazy-loading","status":"publish","type":"post","link":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/","title":{"rendered":"How to speed up my website with Lazy Loading"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><em>Using Lazy Loading.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/orienteed.com\/en\/b2b-b2c-b2b2c-c2c-c2b\/\" title=\"B2B, B2C, B2B2C... C2C, C2B... What do they mean?\">Slow websites are bad news for either B2B or B2C business.<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bellow some of the key reasons:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Loss of website traffic leading to losses in sales and revenues.<br>2. A profound drop in the website\u2019s SEO ranking.<br>3. Poor customer experience resulting in lower engagement.<br>4. Increase in the user\u2019s bounce rate and a lower rate of conversions.<br>5. Increased chances of website crash or Google blacklisting.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to make your web faster<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sounds bad, right? Don\u2019t worry. We have two techniques easy to apply that we use in Orienteed as standard. These techniques can dramatically change the loading time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Does the online store have many images?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image size<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It is very common that sometimes the images used are excessively big. No image should be greater than 500KB. If images of a larger size are found in a store, their reduction should be considered.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Still slow?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lazy Loading<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Lazy_loading\" target=\"_blank\" rel=\"noopener\" title=\"\">Lazy Loading<\/a> is a design pattern commonly used in computer programming to defer initialization of an object until the point at which it is needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"https:\/\/giphy.com\/embed\/OiC5BKaPVLl60\" width=\"480\" height=\"263\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-mce-fragment=\"1\"><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduces initial load time.<\/li>\n\n\n\n<li>Bandwidth conservation. Nowadays the mobile traffic is around 52%, and it is quite important to save all the bandwidth possible.<\/li>\n\n\n\n<li>System resource conservation.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How does Lazy Loading work?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Below the difference between the traditional load (eager) and the lazy load.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"..\/..\/wp-content\/uploads\/2020\/02\/FBAA3B59-5540-4E0A-8A91-91799DA2C69A-300x300.png\" alt=\"\" class=\"wp-image-55004\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">On a lazy load, only the images available on the viewport (the visible part at that time) are loaded. Once the customer scrolls and the images appear in the viewport, they will begin to load. On a eager load all images are loaded at once. It doesn\u2019t matter if it\u2019s in the viewport or not.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are different options to implement the Lazy Loading on images and videos using Javascript:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">API del Observador de Intersecci\u00f3n<br>Yall.js<br>Lozad.js<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick dive into Yall.js<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A quick way to implement the Lazy Loading is using a library like Yall.js. Example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&hellip;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;img class=&quot;&rdquo;lazy&rdquo;&quot; src=&quot;&rdquo;placeholder.jpg&rdquo;&quot; data-src=&quot;&rdquo;image-to-lazy-load.jpg&rdquo;&quot; alt=&quot;&rdquo;Alternative&quot; text to describe image.&rdquo;&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&hellip;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;script&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.addEventListener(&ldquo;DOMContentLoaded&rdquo;, yall);\n\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/script&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&hellip;\n\n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The image \u201cplaceholder.jpg\u201d will be shown and once the image is available on the viewport, the \u201cimage-to-lazy-load.jpg\u201d will be shown. The \u201cplaceholder.jpg\u201d should be small and the same for all images. A good approach could be an image transparent of 1\u00d71 pixel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Steps to implement:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Include the dependency.<\/li>\n\n\n\n<li>Add a listener when the DOM is loaded to enable the Yall functionality.<\/li>\n\n\n\n<li>Add the class \u201clazy\u201d to all the images.<\/li>\n\n\n\n<li>Change the path of the image from src to data-src.<\/li>\n\n\n\n<li>Create the placeholder image.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Lazy Loading is a design pattern, so there are other approaches that can be applied, such as pagination. Very useful on pages like product list. For example, init the page with 15 elements for example and include a button to retrieve more elements at the bottom, or dynamically on scroll.<\/p>","protected":false},"excerpt":{"rendered":"<p>Using Lazy Loading. Webs de ecommerce lentas es una mala noticia para el negocio, sea B2B or B2C. A continuaci\u00f3n algunas de las razones clave: 1. P\u00e9rdida de tr\u00e1fico en el sitio web, lo que lleva a p\u00e9rdidas en ventas e ingresos.2. Una profunda ca\u00edda en el ranking de SEO del sitio web.3. Pobre experiencia&hellip;&nbsp;<a href=\"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">How to speed up my website with Lazy Loading<\/span><\/a><\/p>","protected":false},"author":4,"featured_media":1588,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[148],"tags":[35,37,36],"class_list":["post-219","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-ecommerce","tag-lazyloading","tag-servicios","tag-web"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Marketing Orienteed\"\/>\n\t<meta name=\"google-site-verification\" content=\"google-site-verification=OP49dSEB6tiqv44IxGOKRY9c8TyzfbjxeYPNhyxhcs8\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Orienteed \u2022 We transform technology into exceptional experiences.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?\" \/>\n\t\t<meta property=\"og:description\" content=\"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t\t<meta property=\"og:image:height\" content=\"527\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-07-28T22:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-09-19T14:34:16+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61555846676066\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@orienteed\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@orienteed\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#blogposting\",\"name\":\"Lazy Loading: \\u00bfC\\u00f3mo acelerar mi sitio web?\",\"headline\":\"C\\u00f3mo acelerar mi sitio web con Lazy Loading\",\"author\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/marketingorienteed\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg\",\"width\":800,\"height\":527,\"caption\":\"Como acelerar mi sitio web con Lazy Loading\"},\"datePublished\":\"2020-07-29T00:00:00+02:00\",\"dateModified\":\"2024-09-19T16:34:16+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#webpage\"},\"articleSection\":\"Desarrollo de Ecommerce, lazyloading, servicios, web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"name\":\"Desarrollo de Ecommerce\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"position\":2,\"name\":\"Desarrollo de Ecommerce\",\"item\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#listItem\",\"name\":\"C\\u00f3mo acelerar mi sitio web con Lazy Loading\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#listItem\",\"position\":3,\"name\":\"C\\u00f3mo acelerar mi sitio web con Lazy Loading\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"name\":\"Desarrollo de Ecommerce\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\",\"name\":\"Orienteed\",\"description\":\"Orienteed \\u2022 We specialize in the development and implementation of digital solutions for your business. Digital Commerce, AI, PLM, Cloud Computing, QA, Testing and more.\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"telephone\":\"+34981914837\",\"foundingDate\":\"2016-03-04\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":10,\"maxValue\":50},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/logo-orienteed-2024-destacado.png\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#organizationLogo\",\"width\":1920,\"height\":1080,\"caption\":\"logo orienteed 2025\"},\"image\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61555846676066\",\"https:\\\/\\\/twitter.com\\\/orienteed\",\"https:\\\/\\\/www.instagram.com\\\/orienteedsl\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@orienteed\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/orienteed\\\/\",\"https:\\\/\\\/www.yelp.es\\\/biz\\\/orienteed-sl-a-corua\",\"https:\\\/\\\/www.threads.com\\\/@orienteedsl\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/marketingorienteed\\\/#author\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/marketingorienteed\\\/\",\"name\":\"Marketing Orienteed\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/58babeda7c5f89f3a6439586169ca2d0321d18504962d51cf262b55653bbfc1e?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Marketing Orienteed\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#webpage\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/\",\"name\":\"Lazy Loading: \\u00bfC\\u00f3mo acelerar mi sitio web?\",\"description\":\"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\\u00edculo te contamos c\\u00f3mo acelerar utilizando Lazy Loading.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/marketingorienteed\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/marketingorienteed\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#mainImage\",\"width\":800,\"height\":527,\"caption\":\"Como acelerar mi sitio web con Lazy Loading\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/web-rapida-lazyloading\\\/#mainImage\"},\"datePublished\":\"2020-07-29T00:00:00+02:00\",\"dateModified\":\"2024-09-19T16:34:16+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"name\":\"Orienteed \\u2022 leading digital solutions.\",\"alternateName\":\"Orienteed\",\"description\":\"We transform technology into exceptional experiences.\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to speed up my website with Lazy Loading","description":"You enter your favourite online store and \u2026 it takes a long time to load. Does this sound familiar? In this article, we share a guide on how to accelerate your site with lazy loading.","canonical_url":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"google-site-verification":"google-site-verification=OP49dSEB6tiqv44IxGOKRY9c8TyzfbjxeYPNhyxhcs8","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#blogposting","name":"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?","headline":"C\u00f3mo acelerar mi sitio web con Lazy Loading","author":{"@id":"https:\/\/orienteed.com\/en\/author\/marketingorienteed\/#author"},"publisher":{"@id":"https:\/\/orienteed.com\/en\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg","width":800,"height":527,"caption":"Como acelerar mi sitio web con Lazy Loading"},"datePublished":"2020-07-29T00:00:00+02:00","dateModified":"2024-09-19T16:34:16+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#webpage"},"isPartOf":{"@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#webpage"},"articleSection":"Desarrollo de Ecommerce, lazyloading, servicios, web"},{"@type":"BreadcrumbList","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/orienteed.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","name":"Desarrollo de Ecommerce"}},{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","position":2,"name":"Desarrollo de Ecommerce","item":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/","nextItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#listItem","name":"C\u00f3mo acelerar mi sitio web con Lazy Loading"},"previousItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#listItem","position":3,"name":"C\u00f3mo acelerar mi sitio web con Lazy Loading","previousItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","name":"Desarrollo de Ecommerce"}}]},{"@type":"Organization","@id":"https:\/\/orienteed.com\/en\/#organization","name":"Orienteed","description":"Orienteed \u2022 We specialize in the development and implementation of digital solutions for your business. Digital Commerce, AI, PLM, Cloud Computing, QA, Testing and more.","url":"https:\/\/orienteed.com\/en\/","telephone":"+34981914837","foundingDate":"2016-03-04","numberOfEmployees":{"@type":"QuantitativeValue","minValue":10,"maxValue":50},"logo":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2024\/12\/logo-orienteed-2024-destacado.png","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#organizationLogo","width":1920,"height":1080,"caption":"logo orienteed 2025"},"image":{"@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61555846676066","https:\/\/twitter.com\/orienteed","https:\/\/www.instagram.com\/orienteedsl\/","https:\/\/www.youtube.com\/@orienteed","https:\/\/www.linkedin.com\/company\/orienteed\/","https:\/\/www.yelp.es\/biz\/orienteed-sl-a-corua","https:\/\/www.threads.com\/@orienteedsl"]},{"@type":"Person","@id":"https:\/\/orienteed.com\/en\/author\/marketingorienteed\/#author","url":"https:\/\/orienteed.com\/en\/author\/marketingorienteed\/","name":"Marketing Orienteed","image":{"@type":"ImageObject","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/58babeda7c5f89f3a6439586169ca2d0321d18504962d51cf262b55653bbfc1e?s=96&d=mm&r=g","width":96,"height":96,"caption":"Marketing Orienteed"}},{"@type":"WebPage","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#webpage","url":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/","name":"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?","description":"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/orienteed.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#breadcrumblist"},"author":{"@id":"https:\/\/orienteed.com\/en\/author\/marketingorienteed\/#author"},"creator":{"@id":"https:\/\/orienteed.com\/en\/author\/marketingorienteed\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg","@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#mainImage","width":800,"height":527,"caption":"Como acelerar mi sitio web con Lazy Loading"},"primaryImageOfPage":{"@id":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/#mainImage"},"datePublished":"2020-07-29T00:00:00+02:00","dateModified":"2024-09-19T16:34:16+02:00"},{"@type":"WebSite","@id":"https:\/\/orienteed.com\/en\/#website","url":"https:\/\/orienteed.com\/en\/","name":"Orienteed \u2022 leading digital solutions.","alternateName":"Orienteed","description":"We transform technology into exceptional experiences.","inLanguage":"en-US","publisher":{"@id":"https:\/\/orienteed.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Orienteed \u2022 We transform technology into exceptional experiences.","og:type":"article","og:title":"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?","og:description":"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.","og:url":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/","og:image":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg","og:image:secure_url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg","og:image:width":800,"og:image:height":527,"article:published_time":"2020-07-28T22:00:00+00:00","article:modified_time":"2024-09-19T14:34:16+00:00","article:publisher":"https:\/\/www.facebook.com\/profile.php?id=61555846676066","twitter:card":"summary_large_image","twitter:site":"@orienteed","twitter:title":"Lazy Loading: \u00bfC\u00f3mo acelerar mi sitio web?","twitter:description":"Sitios de ecommerce lentos es una mala noticia para el negocio, sea B2B or B2C. En este art\u00edculo te contamos c\u00f3mo acelerar utilizando Lazy Loading.","twitter:creator":"@orienteed","twitter:image":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/07\/Como_acelerar_mi_sitio_web_con_Lazy_Loading.jpg"},"aioseo_meta_data":{"post_id":"219","title":"How to speed up my website with Lazy Loading","description":"You enter your favourite online store and \u2026 it takes a long time to load. Does this sound familiar? In this article, we share a guide on how to accelerate your site with lazy loading.","keywords":null,"keyphrases":{"focus":{"keyphrase":"Lazy","score":82,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2022-10-05 14:48:56","updated":"2025-06-04 04:13:37","seo_analyzer_scan_date":null,"focus_keyword":"Lazy","additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/orienteed.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/\" title=\"Desarrollo de Ecommerce\">Desarrollo de Ecommerce<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tC\u00f3mo acelerar mi sitio web con Lazy Loading\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/orienteed.com\/en\/"},{"label":"Desarrollo de Ecommerce","link":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/"},{"label":"C\u00f3mo acelerar mi sitio web con Lazy Loading","link":"https:\/\/orienteed.com\/en\/web-rapida-lazyloading\/"}],"_links":{"self":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":0,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts\/219\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/media\/1588"}],"wp:attachment":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/media?parent=219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/categories?post=219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/tags?post=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}