Performance Optimization - Lighthouse scores (WeWeb crushes!)

Hi Friends,
I am relatively new to lowcode in general and weweb.io in particular… But so far LOVING it.

I am trying to put together a webapp on weweb.io (in production), but am struggling with the app latency.

Homework:
I looked through the following community posts on reduce page load latency (Need help, speed rendering of the page is really slow (VIDEO) - #5 by Broberto
Performance Optimization - Lighthouse scores (WeWeb crushes!) - #2 by clncsports
Image rendering latency in weweb - #7 by dorilama
Best practices / strategic advice for fetching and displaying data
Page Navigation Performance (Located in Sydney) - #4 by Broberto
)

Here are a few things i have done to improve based on what i could understand,

  • converted all media to compressed (webp/m format)
  • setup pagination for collections
  • setup a controlled collection pull (as much manual, avoid repetetive loading)
  • fixed any errors on the page

Status:
and YET… when i load a specific page (pidm), load time is a mind numbing 14secs… Lighthouse score is like 20-30 :frowning:

  1. There is no detail in the weweb editor log to know what is driving these 14secs…
    image

  2. Using Chrome web developer tools on the browser, i found that there is some 12s of ‘scripting’

Ideally i would like to check out these JS to understand what’s really happening behind the scenes thats causing this atrocious delay, but since I am not very techy and definitely quite early on frontend (CSS, JS) tech, am clearly at my wits end.
Any advice, suggestions on tools or experience sharing on how you resolved such issues would be much appreciated.
Thanks

1 Like