From 5bcc7f9a7a10d07bec09caea71ddb065ae63c76f Mon Sep 17 00:00:00 2001
From: Sag <guptazy@gmail.com>
Date: Wed, 11 Oct 2023 09:33:46 -0300
Subject: [PATCH] Updated recommendations helper template (#18574)

refs https://github.com/TryGhost/Product/issues/3940
---
 ghost/core/core/frontend/helpers/tpl/recommendations.hbs  | 4 ++--
 .../test/unit/frontend/helpers/recommendations.test.js    | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ghost/core/core/frontend/helpers/tpl/recommendations.hbs b/ghost/core/core/frontend/helpers/tpl/recommendations.hbs
index 48da613502..2232c4675c 100644
--- a/ghost/core/core/frontend/helpers/tpl/recommendations.hbs
+++ b/ghost/core/core/frontend/helpers/tpl/recommendations.hbs
@@ -3,9 +3,9 @@
         {{#each recommendations as |rec|}}
         <li class="recommendation">
             <a href="{{rec.url}}" data-recommendation="{{rec.id}}" target="_blank" rel="noopener">
-                <img class="recommendation-favicon" src="{{rec.favicon}}" alt="{{rec.title}}">
-                <span class="recommendation-url">{{readable_url rec.url}}</span>
+                <img class="recommendation-favicon" src="{{rec.favicon}}" alt="{{rec.title}}" loading="lazy">
                 <h5 class="recommendation-title">{{rec.title}}</h5>
+                <span class="recommendation-url">{{readable_url rec.url}}</span>
                 <p class="recommendation-description">{{rec.description}}</p>
             </a>
         </li>
diff --git a/ghost/core/test/unit/frontend/helpers/recommendations.test.js b/ghost/core/test/unit/frontend/helpers/recommendations.test.js
index 3c2060a63f..df7c3e9b87 100644
--- a/ghost/core/test/unit/frontend/helpers/recommendations.test.js
+++ b/ghost/core/test/unit/frontend/helpers/recommendations.test.js
@@ -71,17 +71,17 @@ describe('{{#recommendations}} helper', function () {
         <ul class="recommendations">
             <li class="recommendation">
                 <a href="https://recommendations1.com" data-recommendation="1" target="_blank" rel="noopener">
-                    <img class="recommendation-favicon" src="https://recommendations1.com/favicon.ico" alt="Recommendation 1">
-                    <span class="recommendation-url">recommendations1.com</span>
+                    <img class="recommendation-favicon" src="https://recommendations1.com/favicon.ico" alt="Recommendation 1" loading="lazy">
                     <h5 class="recommendation-title">Recommendation 1</h5>
+                    <span class="recommendation-url">recommendations1.com</span>
                     <p class="recommendation-description">Description 1</p>
                 </a>
             </li>
             <li class="recommendation">
                 <a href="https://recommendations2.com" data-recommendation="2" target="_blank" rel="noopener">
-                    <img class="recommendation-favicon" src="https://recommendations2.com/favicon.ico" alt="Recommendation 2">
-                    <span class="recommendation-url">recommendations2.com</span>
+                    <img class="recommendation-favicon" src="https://recommendations2.com/favicon.ico" alt="Recommendation 2" loading="lazy">
                     <h5 class="recommendation-title">Recommendation 2</h5>
+                    <span class="recommendation-url">recommendations2.com</span>
                     <p class="recommendation-description">Description 2</p>
                 </a>
             </li>