perf(web): inline CSS + modern browserslist
All checks were successful
Deploy to Production / deploy (push) Successful in 1m11s
All checks were successful
Deploy to Production / deploy (push) Successful in 1m11s
- experimental.inlineCss: drop the render-blocking CSS request — the Tailwind bundle is inlined into the HTML head (faster FCP/LCP on mobile). - browserslist pinned to modern engines so Next/SWC stops emitting polyfills for Baseline features (Array.at, Object.fromEntries, …). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
36a1adf4d7
commit
f5107922a0
@ -4,6 +4,9 @@ const nextConfig = {
|
|||||||
transpilePackages: ['@bmm/types'],
|
transpilePackages: ['@bmm/types'],
|
||||||
experimental: {
|
experimental: {
|
||||||
typedRoutes: false,
|
typedRoutes: false,
|
||||||
|
// Inline the CSS into the HTML <head> so it is not a render-blocking
|
||||||
|
// request — improves FCP/LCP, especially on slow mobile connections.
|
||||||
|
inlineCss: true,
|
||||||
},
|
},
|
||||||
async rewrites() {
|
async rewrites() {
|
||||||
return [
|
return [
|
||||||
|
|||||||
@ -20,6 +20,12 @@
|
|||||||
"tailwind-merge": "2.5.5",
|
"tailwind-merge": "2.5.5",
|
||||||
"zod": "3.25.76"
|
"zod": "3.25.76"
|
||||||
},
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"chrome >= 111",
|
||||||
|
"edge >= 111",
|
||||||
|
"firefox >= 111",
|
||||||
|
"safari >= 16.4"
|
||||||
|
],
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/postcss": "4.0.0-beta.7",
|
"@tailwindcss/postcss": "4.0.0-beta.7",
|
||||||
"@types/node": "22.10.2",
|
"@types/node": "22.10.2",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user