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

fix(perf): replace next/image with native img for svg to drastically improve LCP

Browse Source
This commit is contained in:
Marc Mintel
2026-06-29 18:23:53 +02:00
parent b4b0c7c48a
commit b3b85202eb
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/blocks/InteractiveGermanyMap.tsx
View File

@@ -88,13 +88,12 @@ export function InteractiveGermanyMap({
const mapBackground = useMemo(() => ( const mapBackground = useMemo(() => (
<div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200 pointer-events-none transform-gpu"> <div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200 pointer-events-none transform-gpu">
<Image <img
src="/germany-map.svg" src="/germany-map.svg"
alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"} alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"}
fill className="w-full h-full object-cover"
className="object-cover"
priority
fetchPriority="high" fetchPriority="high"
decoding="async"
/> />
</div> </div>
), [locale]); ), [locale]);