feat: performance reduce initial load

[Alessandro100]

Summary:

Reduced the time it takes to display the first content of the app with a special focus on the feed detail page. This was done by:

• Lazy loading components
• Removing unneeded css files from being render blocking
• loading fonts in parallel

This primarily benefits slower devices and mobile

Expected behavior:

The application should behave as normal with less initial resources being loaded initially. If you want to go the extra mile, run the feed detail page with the performance tab on

Doing a lighthouse compare between Vercel dev envrionments, the range of improvement in
Desktop: [+2, +7] lighthouse performance points (out of 100)
Mobile: [-2, +13] lighthouse performance points (out of 100)

What this means: On mobile, the page can load up to 2.30s faster

Testing tips:

Go on the feed detail pages and assure all is ok

Follow up ticket

• For the maps, introduce an initial fallback image since they will be the last to load

Please make sure these boxes are checked before submitting your pull request - thanks!

• Run the unit tests with yarn test to make sure you didn't break anything
• Add or update any needed documentation to the repo
• Format the title like "feat: [new feature short description]". Title must follow the Conventional Commit Specification(https://www.conventionalcommits.org/en/v1.0.0/).
• Linked all relevant issues
• Include screenshot(s) showing how this pull request works and fixes the issue(s)

Performance tab: What to look at

• purple blocks are render blocking css files
• teal is the fonts
• yellow is the javascript

Old

new

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mobilitydatabase-web	Ready	Preview, Comment	Apr 7, 2026 1:49pm

[github-actions]

*Lighthouse ran on https://mobilitydatabase-f9s25c23d-mobility-data.vercel.app/ * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 100	🟢 94	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-f9s25c23d-mobility-data.vercel.app/feeds * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 92	🟠 87	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-f9s25c23d-mobility-data.vercel.app/feeds/gtfs/mdb-2126 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🔴 46	🟢 94	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-f9s25c23d-mobility-data.vercel.app/feeds/gtfs_rt/mdb-2585 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟠 82	🟠 84	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-f9s25c23d-mobility-data.vercel.app/feeds/gbfs/gbfs-flamingo_porirua * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟠 85	🟢 94	🟢 96	🟢 100