administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-14 15:15:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Improve image loading by not loading when off screen

Browse Source
This commit is contained in:
Nicolas Mowen 2024-09-11 19:10:55 -06:00
parent f3784505e0
commit 1b6d11a2b0
3 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/components/camera/CameraImage.tsx
View File

@ -93,6 +93,7 @@ export default function CameraImage({
"rounded-lg md:rounded-2xl", "rounded-lg md:rounded-2xl",
)} )}
onLoad={handleImageLoad} onLoad={handleImageLoad}
loading="lazy"
/> />
) : ( ) : (
<div className="pt-6 text-center"> <div className="pt-6 text-center">

1
web/src/components/player/PreviewPlayer.tsx
View File

@ -539,6 +539,7 @@ function PreviewFramesPlayer({
<img <img
ref={imgRef} ref={imgRef}
className={`size-full rounded-lg bg-black object-contain md:rounded-2xl`} className={`size-full rounded-lg bg-black object-contain md:rounded-2xl`}
loading="lazy"
onLoad={onImageLoaded} onLoad={onImageLoaded}
/> />
{previewFrames?.length === 0 && ( {previewFrames?.length === 0 && (

4
web/src/pages/Live.tsx
View File

@ -29,7 +29,11 @@ function Live() {
if (group) { if (group) {
setCameraGroup(cameraGroup); setCameraGroup(cameraGroup);
} }
return true;
} }
return false;
}); });
// fullscreen // fullscreen