How to improve website loading speed? main.dart.js just 2MB takes too much time to load, blocks everything else.

Troubleshooting

The website is loading slowly on a custom domain hosted with FlutterFlow. The main issue appears to be main.dart.js, which is responsible for 67% of the loading time.

Users typically don't wait more than 2 seconds for a page to load, but main.dart.js takes anywhere from 2.9 to 6 seconds, leaving a blank screen for 3-6 seconds before a simple page finally loads. This creates a poor UX experience.

Do you have any suggestions for improving the load speed?

Here are 3 strategies I'm considering, but I'd love to hear about your experience with these:

  1. Switching to Firebase Hosting

  2. Deploying to Vercel or another suitable platform

  3. Separating landing/marketing pages into plain HTML/CSS for the main domain and deploying the FlutterFlow web app on a subdomain.

I’d appreciate any insights or feedback you have!

What have you tried so far?

Compress images but that matters only after first paint completes;

Did you check FlutterFlow's Documentation for this topic?
Yes
3
2 replies