# Lazy loading

{% hint style="info" %}
**Who can use this feature?**

* This feature is available for Pro and Enterprise plan users.
  {% endhint %}

### What is lazy loading?

Lazy loading is a way to make your website faster. Instead of loading all the images at once, it loads them only when the user needs them. This helps users see your site faster and prevents them from leaving before it's fully loaded.

{% hint style="info" %}
We won't use lazy loading for videos, images, or iframes at the top of the page. Eager loading will be applied, which makes the page load faster.
{% endhint %}

### How does it help?

Lazy loading can bring these benefits to your site:

* Reduce initial loading time
* Improve score of crucial elements including [FCP](https://web.dev/fcp/), [LCP](https://web.dev/lcp/) at Google PageSpeed and boost your site’s speed score
* Increase customer shopping experience and minimize bounce rate due to slow speed load

### How does it work?

1. In "Speed up customization" -> **Lazy loading**
2. Turn on the Lazy loading images and video & iframes 

   <figure><img src="/files/QxCIMjZGrFWRuzd1rAiO" alt=""><figcaption></figcaption></figure>
3. Select pages to apply lazy loading. \
   We support lazy loading for pictures in: Theme assets (file liquid in current theme), Product description, Collection description, Blog post content, Pages.

   <figure><img src="/files/1Mw0cIigjt5oOzFbt9bI" alt=""><figcaption></figcaption></figure>
4. Click **Save**

If you don't want to apply lazy loading to specific images, insert your file (.liquid file) in Ignore files.&#x20;

{% hint style="info" %}
This requires technical knowledge, contact us through live chat for support.&#x20;
{% endhint %}

<figure><img src="/files/rvJBpr0zDI7EOVbSAiy6" alt=""><figcaption></figcaption></figure>

### How to check if lazy loading works?

1. Go to your website
2. Right click and click **Inspect**
3. Hit `Ctrl + F` to search `loading="lazy"`\
   \
   If it shows up (as image below), it's working well on your store. Continue check on other pages.<br>

   <figure><img src="/files/ASb5Bz4u1qpEX3DUMWfC" alt="how to check lazy loading on your store"><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avada.io/seo-suite-help-center/site-speed-up/speed-up-custom-mode/lazy-loading.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.