Skip to content

perf: Fix LCP delay and remove hardcoded polyfill bundle #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vibemarketerpromax merged 1 commit into from
Feb 19, 2026
Merged

perf: Fix LCP delay and remove hardcoded polyfill bundle #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 9 additions & 12 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1173,7 +1173,10 @@ html:not(.dark) .hero-grid-pattern {
opacity: 0.06;
}

/* Hero fade-in animations - CSS-based for server-rendered content */
/* Hero fade-in animations - CSS-based for server-rendered content.
IMPORTANT: No opacity:0 initial state. Setting opacity:0 in CSS delays LCP
because the browser won't count invisible elements as Largest Contentful Paint.
The keyframes handle the full transition from 0→1 without needing an initial state. */
@keyframes heroFadeIn {
from {
opacity: 0;
Expand All @@ -1186,9 +1189,7 @@ html:not(.dark) .hero-grid-pattern {
}

.hero-fade-in {
animation: heroFadeIn 0.4s ease-out forwards;
animation-delay: 0.1s;
opacity: 0;
animation: heroFadeIn 0.4s ease-out 0.1s both;
}

.hero-fade-in-delay {
Expand All @@ -1202,8 +1203,7 @@ html:not(.dark) .hero-grid-pattern {
}

.hero-glow-fade {
animation: glowFadeIn 1.2s ease-out forwards;
opacity: 0;
animation: glowFadeIn 1.2s ease-out both;
}

/* Stats slide-up animation */
Expand All @@ -1219,13 +1219,11 @@ html:not(.dark) .hero-grid-pattern {
}

.hero-stats-container {
animation: heroSlideUp 0.4s ease-out 0.15s forwards;
opacity: 0;
animation: heroSlideUp 0.4s ease-out 0.15s both;
}

.hero-stat-item {
animation: heroSlideUp 0.3s ease-out forwards;
opacity: 0;
animation: heroSlideUp 0.3s ease-out both;
}

.hero-stat-item:nth-child(1) { animation-delay: 0.15s; }
Expand All @@ -1234,8 +1232,7 @@ html:not(.dark) .hero-grid-pattern {

/* Children content fade-in */
.hero-children-fade {
animation: heroFadeIn 0.5s ease-out 0.25s forwards;
opacity: 0;
animation: heroFadeIn 0.5s ease-out 0.25s both;
}

/* Hover state overrides for navigation */
Expand Down
10 changes: 10 additions & 0 deletions next.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,16 @@ const nextConfig = {
'next/dist/build/polyfills/polyfill-module': false,
};

// Remove the hardcoded polyfill-nomodule CopyFilePlugin.
// Next.js unconditionally bundles a 68 KiB polyfill-nomodule chunk via CopyFilePlugin
// regardless of browserslist. Filter it out since our targets don't need it.
config.plugins = config.plugins.filter((plugin) => {
if (plugin.constructor.name === 'CopyFilePlugin' && plugin.filePath) {
return !plugin.filePath.includes('polyfill-nomodule');
}
return true;
});

// Merge splitChunks with Next.js defaults instead of replacing them
const existingSplitChunks = config.optimization.splitChunks || {};
config.optimization.splitChunks = {
Expand Down
Loading