[TASK] add lazyloading attribute for thumbnails

Resources/Private/Templates/Youtube/Index.html

@@ -15,7 +15,7 @@
 								<a class="sg-youtube-item sg-card-shadow" href="{feed.0.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
 									<f:if condition="{feed.0.thumbnail}">
 										<div class="sg-youtube-image">
-											<img src="{feed.0.thumbnail}" alt="{feed.0.title}"/>
+											<img src="{feed.0.thumbnail}" alt="{feed.0.title}" loading="lazy" />
 										</div>
 									</f:if>
 									<f:if condition="{feed.0.title}">
@@ -40,7 +40,7 @@
 								<a class="sg-youtube-item sg-card-shadow" href="{feed.0.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
 									<f:if condition="{feed.0.thumbnail}">
 										<div class="sg-youtube-image">
-											<img src="{feed.0.thumbnail}" alt="{feed.0.title}"/>
+											<img src="{feed.0.thumbnail}" alt="{feed.0.title}" loading="lazy" />
 										</div>
 									</f:if>
 									<f:if condition="{showTitle} && {feed.0.title}">
@@ -65,7 +65,7 @@
 										<a class="sg-youtube-item sg-card-shadow" href="{feedItem.url}&list={settings.id}" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
 											<f:if condition="{feedItem.thumbnail}">
 												<div class="sg-youtube-image">
-													<img src="{feedItem.thumbnail}" alt="{feedItem.title}"/>
+													<img src="{feedItem.thumbnail}" alt="{feedItem.title}" loading="lazy" />
 												</div>
 											</f:if>
 											<f:if condition="{showTitle} && {feedItem.title}">
@@ -91,7 +91,7 @@
 						<a class="sg-youtube-item sg-card-shadow" href="{feedItem.url}" target="_blank" data-disable-lightbox="{settings.disableLightbox}" data-disable-lightbox-mobile="{settings.disableLightboxMobile}">
 							<f:if condition="{feedItem.thumbnail}">
 								<div class="sg-youtube-image">
-									<img src="{feedItem.thumbnail}" alt="{feedItem.title}"/>
+									<img src="{feedItem.thumbnail}" alt="{feedItem.title}" loading="lazy"/>
 								</div>
 							</f:if>
 							<f:if condition="{showTitle} && {feedItem.title}">