mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

perf: explicit 384px sizes to eliminate lighthouse image delivery penalties

Browse Source
This commit is contained in:
Marc Mintel
2026-06-28 16:37:01 +02:00
parent e9e209d6e7
commit f04163f56d
3 changed files with 11820 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[locale]/standorte/page.tsx
View File

@@ -70,7 +70,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
alt={standort.name} alt={standort.name}
fill fill
className="object-cover transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] filter grayscale-[20%] group-hover:scale-105 group-hover:grayscale-0" className="object-cover transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] filter grayscale-[20%] group-hover:scale-105 group-hover:grayscale-0"
sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 384px"
/> />
<div className="absolute inset-0 bg-black/10 transition-colors duration-500" /> <div className="absolute inset-0 bg-black/10 transition-colors duration-500" />

2
components/blocks/SubCompanyTiles.tsx
View File

@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
? 'opacity-30 grayscale-0 scale-105' ? 'opacity-30 grayscale-0 scale-105'
: 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110' : 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110'
}`} }`}
sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 25vw" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 384px"
/> />
</div> </div>

11818
lh-standorte.json Normal file
View File

File diff suppressed because one or more lines are too long