From a7e362d06299154787289c7837e661daf6bde0bc Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Thu, 26 Oct 2023 15:56:02 +0200
Subject: [PATCH] Lazy load images

---
 packages/realtime-compiler/resources/dashboard.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/realtime-compiler/resources/dashboard.blade.php b/packages/realtime-compiler/resources/dashboard.blade.php
index 829bca8cd34..e212d9489d0 100644
--- a/packages/realtime-compiler/resources/dashboard.blade.php
+++ b/packages/realtime-compiler/resources/dashboard.blade.php
@@ -271,7 +271,7 @@
                             <div class="col-lg-4 p-2 d-flex flex-grow-1">
                                 <figure class="card w-100 p-2 mb-0">
                                     @if(in_array($mediaFile->getExtension(), ['svg', 'png', 'jpg', 'jpeg', 'gif']))
-                                        <img src="media/{{ $mediaFile->getIdentifier() }}" alt="{{ $mediaFile->getName() }}" class="object-fit-cover w-100 rounded-2" style="height: 240px;">
+                                        <img loading="lazy" src="media/{{ $mediaFile->getIdentifier() }}" alt="{{ $mediaFile->getName() }}" class="object-fit-cover w-100 rounded-2" style="height: 240px;">
                                     @else
                                         <code style="height: 240px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, white 60%, transparent);" role="presentation">
                                             @if($dashboard::isMediaFileProbablyMinified($mediaFile->getContents()))