Increase Performance

This commit is contained in:
2025-06-04 20:50:53 +10:00
parent eed5505464
commit 2d31a0c685
2 changed files with 8 additions and 9 deletions
@@ -20,9 +20,10 @@
height: 150vh; height: 150vh;
object-fit: cover; object-fit: cover;
z-index: -1; z-index: -1;
filter: blur(100px) brightness(0.4) contrast(1.2) saturate(1); filter: blur(80px) brightness(0.4) contrast(1.2) saturate(1);
opacity: 1; opacity: 1;
animation: spinGlobal 45s linear infinite; animation: spinGlobal 45s linear infinite;
will-change: transform, filter;
} }
@keyframes spinGlobal { @keyframes spinGlobal {
+6 -8
View File
@@ -88,14 +88,12 @@ const applyGlobalSpinningBackground = (albumImageSrc: string): void => {
blackBg.className = 'global-spinning-black-bg'; blackBg.className = 'global-spinning-black-bg';
appContainer.appendChild(blackBg); appContainer.appendChild(blackBg);
// Add two spinning images // Add one spinning image for performance
for (let i = 0; i < 2; i++) { const img = document.createElement('img');
const img = document.createElement('img'); img.src = albumImageSrc;
img.src = albumImageSrc; img.className = 'global-spinning-image';
img.className = 'global-spinning-image'; img.style.animationDelay = '0s';
img.style.animationDelay = '0s'; appContainer.appendChild(img);
appContainer.appendChild(img);
}
}; };
// Function to clean up global spinning background // Function to clean up global spinning background