github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-06 20:18:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

⚡ Lazy load dashboard grid images

Browse Source
This commit is contained in:
Aitor 2023-11-30 11:02:37 +01:00 committed by Andrey Antukh
parent a397f25cb2
commit 1a831eddc5
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/app/main/ui/dashboard/grid.cljs
View File

@ -90,7 +90,9 @@
(when visible? (when visible?
(if thumbnail-uri (if thumbnail-uri
[:img {:class (stl/css :grid-item-thumbnail-image) [:img {:class (stl/css :grid-item-thumbnail-image)
:src thumbnail-uri}] :src thumbnail-uri
:loading "lazy"
:decoding "async"}]
i/loader-pencil))] i/loader-pencil))]
;; OLD ;; OLD
@ -99,7 +101,9 @@
:ref container} :ref container}
(when visible? (when visible?
(if thumbnail-uri (if thumbnail-uri
[:img.grid-item-thumbnail-image {:src thumbnail-uri}] [:img.grid-item-thumbnail-image {:src thumbnail-uri
:loading "lazy"
:decoding "async"}]
i/loader-pencil))]))) i/loader-pencil))])))
;; --- Grid Item Library ;; --- Grid Item Library