From 617c716aeafd7bbc776d81da134a9b25329f08c9 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Fri, 14 Aug 2020 10:52:54 +0000
Subject: [PATCH] [IMP] website: ir_qweb - add lazyloading by default on img
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

closes odoo/odoo#55945

Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
---
 addons/website/models/ir_qweb.py  | 3 +++
 addons/website/tests/test_qweb.py | 8 ++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/addons/website/models/ir_qweb.py b/addons/website/models/ir_qweb.py
index c53732a5942..b0ea24c669b 100644
--- a/addons/website/models/ir_qweb.py
+++ b/addons/website/models/ir_qweb.py
@@ -50,6 +50,9 @@ class QWeb(models.AbstractModel):
 
         atts = super(QWeb, self)._post_processing_att(tagName, atts, options)
 
+        if tagName == 'img' and 'loading' not in atts:
+            atts['loading'] = 'lazy'  # default is auto
+
         if options.get('inherit_branding') or options.get('rendering_bundle') or \
            options.get('edit_translations') or options.get('debug') or (request and request.session.debug):
             return atts
diff --git a/addons/website/tests/test_qweb.py b/addons/website/tests/test_qweb.py
index 7b7d08ded8d..9714a1a2300 100644
--- a/addons/website/tests/test_qweb.py
+++ b/addons/website/tests/test_qweb.py
@@ -50,15 +50,15 @@ class TestQweb(TransactionCaseWithUserDemo):
         <script type="text/javascript" src="http://test.cdn%(js)s"></script>
     </head>
     <body>
-        <img src="http://test.external.link/img.png"/>
-        <img src="http://test.cdn/website/static/img.png"/>
+        <img src="http://test.external.link/img.png" loading="lazy"/>
+        <img src="http://test.cdn/website/static/img.png" loading="lazy"/>
         <a href="http://test.external.link/link">x</a>
         <a href="http://test.cdn/web/content/local_link">x</a>
         <span style="background-image: url('http://test.cdn/web/image/2')">xxx</span>
         <div widget="html"><span class="toto">
-                span<span class="fa"></span><img src="http://test.cdn/web/image/1">
+                span<span class="fa"></span><img src="http://test.cdn/web/image/1" loading="lazy">
             </span></div>
-        <div widget="image"><img src="http://test.cdn/web/image/res.users/%(user_id)s/image_1920/%(filename)s" class="img img-fluid" alt="%(alt)s"/></div>
+        <div widget="image"><img src="http://test.cdn/web/image/res.users/%(user_id)s/image_1920/%(filename)s" class="img img-fluid" alt="%(alt)s" loading="lazy"/></div>
     </body>
 </html>""" % {
             "js": attachments[0].url,