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" />