fix(perf): replace next/image with native img for svg to drastically improve LCP
This commit is contained in:
@@ -88,13 +88,12 @@ export function InteractiveGermanyMap({
|
||||
|
||||
const mapBackground = useMemo(() => (
|
||||
<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"
|
||||
alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"}
|
||||
fill
|
||||
className="object-cover"
|
||||
priority
|
||||
className="w-full h-full object-cover"
|
||||
fetchPriority="high"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
), [locale]);
|
||||
|
||||
Reference in New Issue
Block a user