IMPR: HTML5 lazy loading

src/Extensions/BaseElementEx.php

@@ -95,6 +95,7 @@ class BaseElementEx extends DataExtension
                 $page = $el->getPage();
                 if ($page) {
                     $el->setField('Title', $page->getField('Title'));
+                    $el->setField('ShowTitle', true);
                 }
             }
         }

templates/Includes/SlideItem_media.ss

@@ -12,8 +12,8 @@
         <% if $Image || $ImageURL %>
             <span class="img">
                 <img class="carousel__img"
-                    src="{$EmptyImgSrc}"
-                    data-lazy-src="<% if $ImageURL %>$ImageURL<% else %>$Image.FocusFill($SlideWidth,$SlideHeight).URL<% end_if %>"
+                    src="<% if $ImageURL %>$ImageURL<% else %>$Image.FocusFill($SlideWidth,$SlideHeight).URL<% end_if %>"
+                    loading="lazy"
                     alt="<% if $Headline %>$Headline.XML<% end_if %>"
                 />
             </span>