OdooWiki OCA HUB

Website Lazy Load Images

website_lazy_load_image folder_open OCA/website open_in_new
Website License: AGPL-3

This module loads images on the website lazy which means images are loaded only when the visitor scrolls to it (visible in viewport). This reduces network traffic for your website and your visitors.

auto_awesome What this module does

AI-generated from the code · Odoo 12.0

Images on your website are only downloaded when a visitor scrolls them into view, which speeds up page loading and reduces bandwidth. You can turn this off for individual images from the website editor.

When a visitor opens a page of your website, images inside the main content area and the footer are no longer downloaded straight away. Instead, a tiny placeholder is shown and the real image is fetched only when it becomes visible on screen while scrolling. This makes pages open faster and uses less data for both you and your visitors.

  • Applies automatically to images placed in the main content and footer of website pages; it does not run while you are editing in the website builder, so you always see the real images while designing.
  • In the website editor, when you select an image, a new option "Disable Lazy loading" appears in the image options. Use it for images that must appear immediately, for example a logo or a banner at the top of the page.
  • Images marked that way are simply left untouched and load normally.

Technically it works by rewriting the image source in the page rendering (ir.ui.view) and by adding a small script to the website frontend assets. No new menus, reports or database fields are created, and no configuration is required after installation.

Depends on

website
Models and fields (1)
  • ir.ui.view · extends an existing model

Text generated by AI (DeepSeek) from reading the Odoo 12.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub

Availability by version

Reviewed: 2026-11-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 1 confirmed, 8 with no information of 9 versions.

terminal Installation and usage

OCA documentation · Odoo 12.0

This module needs no manual configuration.

This module automatically lazy loads all images on the page.

To exclude an image for lazy loading:

  • Go to the website editor;
  • click 'Edit';
  • select an image;
  • check the option 'Disable Lazy loading' in the context menu.

No verified information in OCA: Installation.

info

Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.