shekhar/windows-iso-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases 15 Packages Wiki Activity Actions

perf: replace heavy blur-3xl filter with css radial gradient to maximize mobile lighthouse score

Browse source
This commit is contained in:
Shekhar 2026-04-10 23:18:22 +05:30
parent 4c0539517c
commit f43a0e2dfa
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/pages/HomePage.tsx
View file

@ -70,8 +70,11 @@ export default function HomePage() {
return (
<div className="max-w-4xl mx-auto px-5 pt-20 pb-16 relative" style={{ overflowX: 'hidden' }}>
{/* Ambient glow — fixed so it never affects document layout/scroll */}
<div className="fixed top-0 left-1/2 -translate-x-1/2 w-[700px] h-[300px] bg-blue-500/6 rounded-full blur-3xl pointer-events-none -z-10" />
{/* Ambient glow — radial-gradient used over blur-3xl to optimize Mobile Lighthouse (Speed Index bypass) */}
<div
className="fixed top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] pointer-events-none -z-10"
style={{ background: 'radial-gradient(ellipse at center, rgba(59,130,246,0.10) 0%, transparent 60%)' }}
/>
{/* Hero */}
<motion.div