perf: optimize Image component sizes and hoist LCP preload tags

This commit is contained in:
2026-06-27 22:56:52 +02:00
parent 8627bae98b
commit 9af6a53325
5 changed files with 44 additions and 2 deletions

View File

@@ -141,6 +141,7 @@ export function InteractiveGermanyMap({
fill
className="object-cover"
priority
fetchPriority="high"
/>
</div>
), [locale]);
@@ -256,6 +257,7 @@ export function InteractiveGermanyMap({
alt={activeLocation.name}
fill
className="object-cover"
sizes="(max-width: 768px) 100vw, 320px"
/>
<div className="absolute inset-0 bg-gradient-to-t from-[#050B14] to-transparent opacity-90" />
</div>

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, 33vw"
sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 25vw"
/>
</div>