79b7c1493b
Currently all scripts that are required for every page are loaded as part of the bootstrap scripts API in React. Unfortunately this loads them all as sync scripts and thus requires preloading which increases their priority higher than they might otherwise be causing things like images to load later than desired, blocking paint. We can improve this by only using one script for bootstrapping and having the rest pre-initialized. This only works because all of these scripts are webpack runtime or chunks and can be loaded in any order asynchronously. With this change we should see improvements in LCP and other metrics as preloads for images are favored over loading scripts Co-authored-by: Steven <steven@ceriously.com> |
||
|---|---|---|
| .. | ||
| app | ||
| pages | ||
| public | ||
| styles | ||
| index.test.ts | ||
| middleware.js | ||
| next.config.js | ||
| standalone.test.ts | ||
| useReportWebVitals.test.ts | ||
| vercel-speed-insights.test.ts | ||