From bbdf91e73ae2891ea7a837ec95972a401bd23cc4 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 1 Sep 2025 08:57:02 +0300
Subject: [PATCH] Lazy load all album/artist images

---
 lib/music_library_web/components/record_components.ex | 1 +
 lib/music_library_web/live/stats_live/index.html.heex | 2 ++
 lib/music_library_web/live/stats_live/top_albums.ex   | 1 +
 lib/music_library_web/live/stats_live/top_artists.ex  | 1 +
 4 files changed, 5 insertions(+)

diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 7842224c..8a8d5cd3 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -13,6 +13,7 @@ defmodule MusicLibraryWeb.RecordComponents do
     <img
       class={@class}
       alt={@record.title}
+      loading="lazy"
       src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
     />
     """
diff --git a/lib/music_library_web/live/stats_live/index.html.heex b/lib/music_library_web/live/stats_live/index.html.heex
index e5ed08a1..5d831cd9 100644
--- a/lib/music_library_web/live/stats_live/index.html.heex
+++ b/lib/music_library_web/live/stats_live/index.html.heex
@@ -90,6 +90,7 @@
               <div class="flex min-w-0 justify-between space-x-4 items-center">
                 <img
                   class="h-12 w-12 rounded-md shadow-sm"
+                  loading="lazy"
                   src={album.cover_url}
                   alt={album.metadata.title}
                 />
@@ -271,6 +272,7 @@
               <div class="flex min-w-0 justify-between space-x-4 items-center">
                 <img
                   class="h-12 w-12 rounded-md shadow-sm"
+                  loading="lazy"
                   src={track.cover_url}
                   alt={track.title}
                 />
diff --git a/lib/music_library_web/live/stats_live/top_albums.ex b/lib/music_library_web/live/stats_live/top_albums.ex
index 2a1bd41b..cb6f615a 100644
--- a/lib/music_library_web/live/stats_live/top_albums.ex
+++ b/lib/music_library_web/live/stats_live/top_albums.ex
@@ -116,6 +116,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
         >
           <img
             class="w-12 h-12 rounded-md object-cover"
+            loading="lazy"
             src={album.cover_url}
             alt={album.album_title}
           />
diff --git a/lib/music_library_web/live/stats_live/top_artists.ex b/lib/music_library_web/live/stats_live/top_artists.ex
index a86520a2..c14a5f91 100644
--- a/lib/music_library_web/live/stats_live/top_artists.ex
+++ b/lib/music_library_web/live/stats_live/top_artists.ex
@@ -110,6 +110,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
           <img
             :if={artist.artist_musicbrainz_id != ""}
             class="w-12 h-12 rounded-md object-cover"
+            loading="lazy"
             src={~p"/artists/#{artist.artist_musicbrainz_id}/image"}
             alt={artist.artist_name}
             onerror={"this.src = '" <> ~p"/images/cover-not-found.png" <> "';"}