add lazy load to images or iframe on some pages

Fauzanmhr · Aug 24, 2024 · 2e92810 · 2e92810
1 parent d1526c2
commit 2e92810
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/views/episode.ejs b/views/episode.ejs
@@ -4,7 +4,7 @@
   <div class="row">
     <div class="col-md-12">
       <div class="ratio ratio-16x9 mb-4">
-        <iframe id="streaming-iframe" src="<%= episode.streamingUrl %>" title="Streaming Player" allowfullscreen></iframe>
+        <iframe loading="lazy" id="streaming-iframe" src="<%= episode.streamingUrl %>" title="Streaming Player" allowfullscreen></iframe>
       </div>
       <div class="mb-4">
         <select id="streaming-source" class="form-select">

diff --git a/views/genre-anime.ejs b/views/genre-anime.ejs
@@ -18,7 +18,7 @@
       <tbody>
         <% animes.forEach(anime => { %>
           <tr>
-            <td><img src="<%= anime.poster %>" alt="<%= anime.judul %>" class="img-fluid" style="max-width: 100px;"></td>
+            <td><img loading="lazy" src="<%= anime.poster %>" alt="<%= anime.judul %>" class="img-fluid" style="max-width: 100px;"></td>
             <td><%= anime.judul %></td>
             <td><%= anime.rating %></td>
             <td><%= anime.studio %></td>

diff --git a/views/index.ejs b/views/index.ejs
@@ -16,7 +16,7 @@
       <tbody>
         <% animes.forEach(anime => { %>
           <tr>
-            <td><img src="<%= anime.poster %>" alt="<%= anime.judul %>" class="img-fluid" style="max-width: 100px;"></td>
+            <td><img loading="lazy" src="<%= anime.poster %>" alt="<%= anime.judul %>" class="img-fluid" style="max-width: 100px;"></td>
             <td><%= anime.judul %></td>
             <td><%= anime.hariRilis %></td>
             <td><%= anime.tanggalRilisTerbaru %></td>