[TASK] Add lazy loading to images

Resources/Private/Partials/TeaserOverview.html

@@ -86,6 +86,6 @@
 		<source media="(max-width: 1024px)"
 			srcset="{f:uri.image(image: file, height: '{tablet}', cropVariant: 'medium')}">
 		<f:image image="{file}" alt="{file.alternative}" title="{file.title}" width="1568c"
-			height="{desktop}" class="sg-slide-image" cropVariant="large" />
+			height="{desktop}" class="sg-slide-image" cropVariant="large" loading="lazy" />
 	</picture>
 </f:section>

Resources/Private/Templates/NewsByAuthor/List.html

@@ -15,7 +15,7 @@
 						<f:if condition="{settings.showDetails}">
 							<div class="tx-sgnews-author">
 								<f:if condition="{author.image}">
-									<f:image class="tx-sgnews-author-image" image="{author.image}" width="150c" height="150px" />
+									<f:image class="tx-sgnews-author-image" image="{author.image}" width="150c" height="150px" loading="lazy" />
 								</f:if>
 
 								<div class="tx-sgnews-author-information">

Resources/Private/Templates/SingleView/SingleView.html

@@ -17,7 +17,7 @@
 								<source media="(max-width: 1200px)"
 									srcset="{f:uri.image(src: newsMetaData.imageObject.uid, treatIdAsReference: '1', width: '1200c', height: '403c', cropVariant: 'small')}">
 								<f:image image="{newsMetaData.imageObject}" alt="" width="1845c"
-									height="619c"/>
+									height="619c" loading="lazy"/>
 							</picture>
 						</div>
 					</f:if>