### LiteSpeed Lazy Load Setup

Source: https://www.sedigital.es/blog/diferencia-seo-sem/

Initializes the LiteSpeed lazy loading mechanism. It sets up a MutationObserver to detect DOM changes and updates the lazy loader accordingly. It also attaches an event listener for the window load event to start the process.

```javascript
var _settings;

function initializeLazyLoad(settings) {
  // Placeholder for actual initialization logic
  console.log("Initializing lazy load with settings:", settings);
}

function restoreAllSettings(settings) {
  // Placeholder for restoring settings
  console.log("Restoring all settings:", settings);
}

function loadResource(resource, options) {
  // Placeholder for loading a resource
  console.log("Loading resource:", resource, "with options:", options);
}

function resetStatus(resource) {
  // Placeholder for resetting status
  console.log("Resetting status for:", resource);
}

// Example of attaching methods to an object 't'
t.load = function(resource, options) {
  options = options || {}; // Ensure options is an object
  loadResource(resource, options);
};

t.resetStatus = function(resource) {
  resetStatus(resource);
};

// Example of a method that might be part of a larger object
t.restoreAll = function() {
  var settings = this._settings;
  // Assuming K is a function to get keys and P is a function to process settings
  // K(settings).forEach(function(key) { P(key, settings) });
};

// Main execution block
(function(window, document) {
  "use strict";

  function onLazyLoadFinish() {
    document.body.classList.add("litespeed_lazyloaded");
  }

  function setupLazyLoad() {
    console.log("[LiteSpeed] Start Lazy Load");
    var lazyLoader = new LazyLoad(Object.assign({}, t.lazyLoadOptions || {}, {
      elements_selector: "[data-lazyloaded]",
      callback_finish: onLazyLoadFinish
    }));

    var updateLazyLoad = function() {
      lazyLoader.update();
    };

    if (window.MutationObserver) {
      new MutationObserver(updateLazyLoad).observe(document.documentElement, {
        childList: true,
        subtree: true,
        attributes: true
      });
    }
  }

  if (window.addEventListener) {
    window.addEventListener("load", setupLazyLoad, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", setupLazyLoad);
  }

})(window, document);
```

--------------------------------

### LazyLoad Initialization and Options

Source: https://www.sedigital.es/blog/buenas-estrategias-de-link-building/

Demonstrates how to initialize the LazyLoad library with custom options and provides an overview of common configuration parameters. This includes setting thresholds, callbacks, and class names for managing element states during the loading process.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

!function (t, e) {
  "object" == typeof exports && "undefined" != typeof module ? module.exports = e() :
  "function" == typeof define && define.amd ? define(e) :
  (t = "undefined" != typeof globalThis ? globalThis : t || self).LazyLoad = e();
}(this, function () {
  "use strict";

  function e() {
    return (e = Object.assign || function (t) {
      for (var e = 1; e < arguments.length; e++) {
        var n, a = arguments[e];
        for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
      }
      return t;
    }).apply(this, arguments);
  }

  function o(t) {
    return e({}, at, t);
  }

  // ... (rest of the library code)
});

// Example initialization with custom options:
var lazyLoadInstance = new LazyLoad({
  elements_selector: ".lazy",
  threshold: 200,
  callback_load: function(el) {
    console.log('Element loaded:', el);
  },
  callback_error: function(el) {
    console.log('Error loading element:', el);
  }
});
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/cuanto-cuesta-crear-una-tienda-en-shopify/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### Lazy Loader Utility Functions

Source: https://www.sedigital.es/blog/como-hacer-un-keyword-research-para-seo/

Contains various utility functions used by the library, such as getting elements, filtering, applying classes, and managing element attributes.

```javascript
function J(t){return Array.prototype.slice.call(t)}
function K(t){return t.container.querySelectorAll(t.elements_selector)}
function Q(t){return c(t)===ft}
function W(t,e){return e=t||K(e),J(e).filter(r)}
function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}
function l(t,e){return t.getAttribute(gt+e)}
function c(t){return t.llStatus}
function r(t){return t.llStatus===ut}
function u(t){return t.llStatus===dt}
function p(t,e){t.toLoadCount=e}
function v(t,e){e.loadingCount++}
function i(t){t.llStatus=ft}
function b(t,e){t.loadingCount+=e}
function w(t,e,n){var a=t.llTempImage;a.onerror=function(){i(t),d(n.callback_error,t,e,n)};a.onload=function(){t.style.backgroundImage=a.src,f(t,n.class_loaded),x(t,ut),d(n.callback_loaded,t,e,n),b(n,-1),p(n,n.loadingCount-1),n.unobserve_completed&&j(t),z(t)},a.src=e}
function o(t){return t._settings}
function E(t){return t.llTempImage}
function M(t,e,n){t.addEventListener(e,n)}
function C(t,e,n){t.llEvLisnrs=e}
function f(t,e){t.classList.add(e)}
function s(t,e){t.setAttribute(vt,e)}
function d(t,e,n,a){t&&t(e,n,a)}
function x(t,e){t.llStatus=e}
function z(t){t.llStatus!==ft&&t.llStatus!==ut&&x(t,dt)}
function h(t,e){var n=t.llOriginalAttrs;n&&Object.keys(n).forEach(function(a){var o=n[a];e(a,o)})
}
function L(t,e){e.forEach(function(n){t.removeAttribute(n)})
}
function I(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt),t.removeAttribute(ct)}
function P(t,e){F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}
function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}
function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}
function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}
function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(t),e.style.backgroundImage=t.backgroundImage)}
function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[n.tagName])&&t(n,a),k(n,a,e)}
function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}
function S(t,e,n){t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[n.tagName])&&e(n,a),s(t,_t)}
function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}
```

--------------------------------

### GTM Data Layer Initialization

Source: https://www.sedigital.es/aviso-legal/

Initializes the Google Tag Manager dataLayer array and sets the dataLayer name. This is a standard setup for GTM integration.

```javascript
var gtm4wp_datalayer_name = "dataLayer";
var dataLayer = dataLayer || [];
```

--------------------------------

### LazyLoad Initialization and Options

Source: https://www.sedigital.es/blog/claves-para-usar-datos-estructurados-y-el-seo/

Demonstrates how to initialize the LazyLoad library with custom options and provides an overview of common configuration parameters. This includes setting thresholds, callbacks, and class names for managing element states during the loading process.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

!function (t, e) {
  "object" == typeof exports && "undefined" != typeof module ? module.exports = e() :
  "function" == typeof define && define.amd ? define(e) :
  (t = "undefined" != typeof globalThis ? globalThis : t || self).LazyLoad = e();
}(this, function () {
  "use strict";

  function e() {
    return (e = Object.assign || function (t) {
      for (var e = 1; e < arguments.length; e++) {
        var n, a = arguments[e];
        for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
      }
      return t;
    }).apply(this, arguments);
  }

  function o(t) {
    return e({}, at, t);
  }

  // ... (rest of the library code)
});

// Example initialization with custom options:
var lazyLoadInstance = new LazyLoad({
  elements_selector: ".lazy",
  threshold: 200,
  callback_load: function(el) {
    console.log('Element loaded:', el);
  },
  callback_error: function(el) {
    console.log('Error loading element:', el);
  }
});
```

--------------------------------

### LiteSpeed Initialization Script

Source: https://www.sedigital.es/blog/modulos-seo-prestashop/

Example script for initializing LiteSpeed LazyLoad on page load, including setting up a MutationObserver to detect dynamically added content.

```javascript
document.addEventListener("DOMContentLoaded", function() {
  var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy",
    callback_finish: function() {
      document.body.classList.add("litespeed_lazyloaded");
    }
  });

  var observer = new MutationObserver(function() {
    lazyLoadInstance.update();
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true,
    attributes: true
  });
});
```

--------------------------------

### Lazy Loader Initialization and Configuration

Source: https://www.sedigital.es/blog/como-hacer-un-keyword-research-para-seo/

Demonstrates how to initialize the lazy loader with custom settings and how the library detects native lazy loading support. It also shows the default configuration options.

```javascript
var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={
  elements_selector:".lazy",
  container:Z||Y?document:null,
  threshold:300,
  thresholds:null,
  data_src:"src",
  data_srcset:"srcset",
  data_sizes:"sizes",
  data_bg:"bg",
  data_bg_hidpi:"bg-hidpi",
  data_bg_multi:"bg-multi",
  data_bg_multi_hidpi:"bg-multi-hidpi",
  data_poster:"poster",
  class_applied:"applied",
  class_loading:"litespeed-loading",
  class_loaded:"litespeed-loaded",
  class_error:"error",
  class_entered:"entered",
  class_exited:"exited",
  unobserve_completed:!0,
  unobserve_entered:!1,
  cancel_on_exit:!0,
  callback_enter:null,
  callback_exit:null,
  callback_applied:null,
  callback_loading:null,
  callback_loaded:null,
  callback_error:null,
  callback_finish:null,
  callback_cancel:null,
  use_native:!1
};

function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}

function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}

t.prototype.update=function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}}
```

--------------------------------

### Lazy Loader Utility Functions

Source: https://www.sedigital.es/blog/importancia-hosting-dedicado/

Contains various utility functions used by the library, such as getting elements, filtering, applying classes, and managing element attributes.

```javascript
function J(t){return Array.prototype.slice.call(t)}
function K(t){return t.container.querySelectorAll(t.elements_selector)}
function Q(t){return c(t)===ft}
function W(t,e){return e=t||K(e),J(e).filter(r)}
function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}
function l(t,e){return t.getAttribute(gt+e)}
function c(t){return t.llStatus}
function r(t){return t.llStatus===ut}
function u(t){return t.llStatus===dt}
function p(t,e){t.toLoadCount=e}
function v(t,e){e.loadingCount++}
function i(t){t.llStatus=ft}
function b(t,e){t.loadingCount+=e}
function w(t,e,n){var a=t.llTempImage;a.onerror=function(){i(t),d(n.callback_error,t,e,n)};a.onload=function(){t.style.backgroundImage=a.src,f(t,n.class_loaded),x(t,ut),d(n.callback_loaded,t,e,n),b(n,-1),p(n,n.loadingCount-1),n.unobserve_completed&&j(t),z(t)},a.src=e}
function o(t){return t._settings}
function E(t){return t.llTempImage}
function M(t,e,n){t.addEventListener(e,n)}
function C(t,e,n){t.llEvLisnrs=e}
function f(t,e){t.classList.add(e)}
function s(t,e){t.setAttribute(vt,e)}
function d(t,e,n,a){t&&t(e,n,a)}
function x(t,e){t.llStatus=e}
function z(t){t.llStatus!==ft&&t.llStatus!==ut&&x(t,dt)}
function h(t,e){var n=t.llOriginalAttrs;n&&Object.keys(n).forEach(function(a){var o=n[a];e(a,o)})
}
function L(t,e){e.forEach(function(n){t.removeAttribute(n)})
}
function I(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt),t.removeAttribute(ct)}
function P(t,e){F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}
function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}
function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}
function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}
function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(t),e.style.backgroundImage=t.backgroundImage)}
function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[n.tagName])&&t(n,a),k(n,a,e)}
function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}
function S(t,e,n){t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[n.tagName])&&e(n,a),s(t,_t)}
function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/analisis-de-pagina-web-5-factores-para-analizar/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/cuanto-tiempo-pasa-google-reindexa-sitio-web/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### Google Tag Manager Initialization

Source: https://www.sedigital.es/blog/geolocalizacion-de-imagenes/

This script initializes Google Tag Manager (GTM) by dynamically creating a script tag and appending it to the document. It pushes an initial event to the dataLayer to signal GTM's start.

```javascript
var dataLayer_content = {"deviceType":"bot","deviceManufacturer":"","deviceModel":""};
dataLayer.push( dataLayer_content );

(function(w,d,s,l,i){
  w[l]=w[l]||[];
  w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
  var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
  j.async=true;
  j.src=
  '//www.googletagmanager.com/gtm.js?id='+i+dl;
  f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NT4MFNF');
```

--------------------------------

### LazyLoad Initialization and Options

Source: https://www.sedigital.es/blog/el-efecto-de-mera-exposicion-en-el-marketing-digital/

Demonstrates how to initialize the LazyLoad library with custom options and provides an overview of common configuration parameters. This includes setting thresholds, callbacks, and class names for managing element states during the loading process.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

!function (t, e) {
  "object" == typeof exports && "undefined" != typeof module ? module.exports = e() :
  "function" == typeof define && define.amd ? define(e) :
  (t = "undefined" != typeof globalThis ? globalThis : t || self).LazyLoad = e();
}(this, function () {
  "use strict";

  function e() {
    return (e = Object.assign || function (t) {
      for (var e = 1; e < arguments.length; e++) {
        var n, a = arguments[e];
        for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
      }
      return t;
    }).apply(this, arguments);
  }

  function o(t) {
    return e({}, at, t);
  }

  // ... (rest of the library code)
});

// Example initialization with custom options:
var lazyLoadInstance = new LazyLoad({
  elements_selector: ".lazy",
  threshold: 200,
  callback_load: function(el) {
    console.log('Element loaded:', el);
  },
  callback_error: function(el) {
    console.log('Error loading element:', el);
  }
});
```

--------------------------------

### Google Tag Manager Initialization

Source: https://www.sedigital.es/blog/modulos-seo-prestashop/

Initializes Google Tag Manager (GTM) with a data layer and custom content. It pushes bot detection data and asynchronously loads the GTM script. This is a standard setup for integrating GTM into a website.

```javascript
var gtm4wp_datalayer_name = "dataLayer";
var dataLayer = dataLayer || [];

var dataLayer_content = {"deviceType":"bot","deviceManufacturer":"","deviceModel":""};
dataLayer.push( dataLayer_content );

(function(w,d,s,l,i){
    w[l]=w[l]||[];
    w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
    var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;
    j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NT4MFNF');
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/cuanto-cuesta-una-tienda-en-woocommerce/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### Lazy Loader Initialization and Configuration

Source: https://www.sedigital.es/blog/importancia-hosting-dedicado/

Demonstrates how to initialize the lazy loader with custom settings and how the library detects native lazy loading support. It also shows the default configuration options.

```javascript
var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={
  elements_selector:".lazy",
  container:Z||Y?document:null,
  threshold:300,
  thresholds:null,
  data_src:"src",
  data_srcset:"srcset",
  data_sizes:"sizes",
  data_bg:"bg",
  data_bg_hidpi:"bg-hidpi",
  data_bg_multi:"bg-multi",
  data_bg_multi_hidpi:"bg-multi-hidpi",
  data_poster:"poster",
  class_applied:"applied",
  class_loading:"litespeed-loading",
  class_loaded:"litespeed-loaded",
  class_error:"error",
  class_entered:"entered",
  class_exited:"exited",
  unobserve_completed:!0,
  unobserve_entered:!1,
  cancel_on_exit:!0,
  callback_enter:null,
  callback_exit:null,
  callback_applied:null,
  callback_loading:null,
  callback_loaded:null,
  callback_error:null,
  callback_finish:null,
  callback_cancel:null,
  use_native:!1
};

function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}

function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}

t.prototype.update=function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}}
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/politica-de-cookies/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/como-ser-influencer-5-consejos-para-triunfar-en-las-redes-sociales/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### Lazy Loading Library Constructor and Core Methods

Source: https://www.sedigital.es/blog/diferencia-seo-sem/

Initializes the lazy loading library with provided settings and manages the loading process. Includes methods to update the observer, load all pending elements, and clean up resources.

```APIDOC
LazyLoad(settings: LazyLoadConfig)
  - Constructor for the LazyLoad library.
  - Initializes settings, sets up IntersectionObserver, and handles initial element selection.

LazyLoad.prototype.update(elements?: HTMLElement[]): void
  - Updates the observer with new elements or re-evaluates existing ones.
  - If elements are provided, it observes only those; otherwise, it re-observes all elements matching the selector.

LazyLoad.prototype.destroy(): void
  - Disconnects the IntersectionObserver and removes any added event listeners.
  - Cleans up internal state, making the library instance unusable.

LazyLoad.prototype.loadAll(elements: HTMLElement[]): void
  - Forces the loading of all provided elements immediately.
  - Used internally by update or can be called manually.
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/comprar-enlaces-seo-calidad/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/generar-sitemap-prestashop/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/knowledge-graph/

Demonstrates how to initialize the LazyLoad library with various configuration options. It covers setting thresholds, callbacks, and managing loading states for images and background images.

```javascript
window.lazyLoadOptions = Object.assign({}, { threshold: 300 }, window.lazyLoadOptions || {});

var lazyLoadInstance = new LazyLoad({
  elements_selector: ".lazy",
  threshold: 0,
  data_src: "data-src",
  data_srcset: "data-srcset",
  data_sizes: "data-sizes",
  data_bg: "data-bg",
  data_bg_multi: "data-bg-multi",
  data_bg_multi_hidpi: "data-bg-multi-hidpi",
  data_sizes_attr: "data-sizes",
  data_srcset_attr: "data-srcset",
  data_src_attr: "data-src",
  data_bg_attr: "data-bg",
  data_bg_multi_attr: "data-bg-multi",
  data_bg_multi_hidpi_attr: "data-bg-multi-hidpi",
  class_applied: "applied",
  class_loading: "loading",
  class_loaded: "loaded",
  class_error: "error",
  class_exited: "exited",
  class_entered: "entered",
  unobserve_completed: true,
  unobserve_entered: false,
  cancel_on_exit: true,
  callback_load: null,
  callback_loaded: null,
  callback_error: null,
  callback_finish: null,
  callback_enter: null,
  callback_exit: null,
  callback_cancel: null,
  use_native: false,
  root: null,
  root_margin: "0px",
  thresholds: null,
  observer_options: null,
  skip_invisible: true,
  log: true
});

// Example of using the instance
// lazyLoadInstance.update();
```

--------------------------------

### LazyLoad Initialization and Options

Source: https://www.sedigital.es/agencia-sem/

Demonstrates how to initialize the LazyLoad library with custom options and provides an overview of common configuration parameters. This includes setting thresholds, callbacks, and class names for managing element states during the loading process.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

!function (t, e) {
  "object" == typeof exports && "undefined" != typeof module ? module.exports = e() :
  "function" == typeof define && define.amd ? define(e) :
  (t = "undefined" != typeof globalThis ? globalThis : t || self).LazyLoad = e();
}(this, function () {
  "use strict";

  function e() {
    return (e = Object.assign || function (t) {
      for (var e = 1; e < arguments.length; e++) {
        var n, a = arguments[e];
        for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
      }
      return t;
    }).apply(this, arguments);
  }

  function o(t) {
    return e({}, at, t);
  }

  // ... (rest of the library code)
});

// Example initialization with custom options:
var lazyLoadInstance = new LazyLoad({
  elements_selector: ".lazy",
  threshold: 200,
  callback_load: function(el) {
    console.log('Element loaded:', el);
  },
  callback_error: function(el) {
    console.log('Error loading element:', el);
  }
});
```

--------------------------------

### Prefetching Configuration

Source: https://www.sedigital.es/blog/guia-migraciones-wordpress/

Configuración para la estrategia de prefetching de recursos del documento. Define qué recursos deben ser pre-cargados para mejorar el rendimiento.

```APIDOC
prefetch:
  source: document
  where:
    and:
      - href_matches: "/*"
      - not:
          href_matches:
            - "/wp-*.php"
            - "/wp-admin/*"
            - "/wp-content/uploads/*"
            - "/wp-content/*"
            - "/wp-content/plugins/*"
            - "/wp-content/themes/astra-child/*"
            - "/wp-content/themes/astra/*"
            - "/*?(.+)"
      - not:
          selector_matches: "a[rel~=\"nofollow\"]"
      - not:
          selector_matches: ".no-prefetch, .no-prefetch a"
  eagerness: conservative
```

--------------------------------

### LazyLoad Initialization and Configuration

Source: https://www.sedigital.es/blog/importancia-version-php-wordpress/

Demonstrates how to initialize the LazyLoad library with custom configuration options. It shows how to merge default settings with user-provided options using Object.assign.

```javascript
window.lazyLoadOptions = Object.assign({}, {
  threshold: 300
}, window.lazyLoadOptions || {});

// Initialization example (assuming LazyLoad is imported or available globally)
// const lazyLoadInstance = new LazyLoad(options);
```