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

This commit is contained in:
2026-06-28 16:37:01 +02:00
parent e9e209d6e7
commit f04163f56d
3 changed files with 11820 additions and 2 deletions

View File

@@ -70,7 +70,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
alt={standort.name}
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"
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" />

View File

@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
? 'opacity-30 grayscale-0 scale-105'
: '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>

11818
lh-standorte.json Normal file

File diff suppressed because one or more lines are too long