Extremely slow loading on mobile
I am getting extremely low Performance scores on mobile for every page, see the Lighthouse report here. It happens across all pages, this one in particular is mostly text. OpenSaaS.sh also has a super low Performance score on mobile...
7 Replies
Hi @Ricardo Batista. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The knowledge sources provided do not contain information about performance optimization or issues related to slow loading on mobile for Wasp or OpenSaaS.
However, I would recommend checking the Wasp documentation or reaching out to the Wasp community for further assistance. They might be able to provide more insights into your issue.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @Ricardo Batista, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?
Hey @Ricardo Batista, we haven't done or prioritized any optimisations so this isn't surprising, but it's definitely not good.
The first step is trying to figure out how much of this is caused saas and compared to your code (OpenSaas.sh is not an ideal benchmark for this because it's a different non-optimized app built on the same template).
It's probably mostly OpenSaas, but let me look into it some more before getting back to you.
We'll definitely be prioritizing this for future versions of OpenSaas, but your best bet is to try out some of the optimization steps yourself (perhaps you already did?).
Btw, please share any extra information you might have.
Yes, I already did a few things: for videos I am using lite-youtube React package, but not much more. A lot seems to come out of the JS inside OpenSaaS.
Hmm, open saas or wasp? If it's open saas, it's a smaller problem, because you can optimize that as well.
Not sure tbh. I am using OpenSaaS, but not sure if the origin is OpenSaaS or Wasp
I'm guessing most of it is OpenSaas (since Wasp's internal code is pretty small).
I recommend digging into the Lighthouse score and optimizing the code until you get the desired performance. Since OpenSaas is just user code boilerplate, it's relatively easy to change and refactor (compared to internal Wasp code, that is).
Of course, it would be much better if the boilerplate came out of the box more optimized.
We already have an issue for this and I've added a link to this message: https://github.com/wasp-lang/open-saas/issues/259.
But for now, you'll unoftunately have to do it yourself. We are here to help though, so don't hesitate to ask if you get stuck!
Just to note - SPAs tend to have worse Lighthouse scores than the equivalent static pages. I think Wasp should in the future help you optimize to have the landing page as a simple static page + have a SPA for the app. But this something for us to think about in the future and I can't promise any dates 🙂