fix(perf): remove animate-fade-in from main and force sync decode on logo to eliminate 2s Element Render Delay and align LCP with FCP
This commit is contained in:
@@ -197,7 +197,7 @@ export default async function Layout(props: {
|
|||||||
|
|
||||||
<main
|
<main
|
||||||
id="main-content"
|
id="main-content"
|
||||||
className="flex-grow animate-fade-in overflow-visible"
|
className="flex-grow overflow-visible"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -111,6 +111,7 @@ export function Header({ navLinks }: HeaderProps) {
|
|||||||
priority
|
priority
|
||||||
fetchPriority="high"
|
fetchPriority="high"
|
||||||
sizes="192px"
|
sizes="192px"
|
||||||
|
unoptimized
|
||||||
/>
|
/>
|
||||||
{/* Masked sweep overlay on hover */}
|
{/* Masked sweep overlay on hover */}
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user