LCP score using Remix SSR
I have a Shopify app that I migrated from React to Remix SSR about a month ago. My main goal was to get the BFS badge, since with React it was really hard to keep LCP under 2.5 seconds.
App has around 900 installs, so I thought I wouldn’t need the cold start add-on to improve LCP scores. But I noticed the LCP didn’t get better - in fact, it seems slightly worse.
Does this mean 900 installs isn’t enough to avoid the cold boot problem? Or should I just wait longer to see improvement?
maybe you have some suggestions?
6 Replies
Hello,
Have you read through these docs? https://docs.gadget.dev/guides/frontend/optimize-lcp#what-is-lcp
Could you please also share the URL of your application so that I can share some quick improvements?
Optimize Lcp - Developer Docs - Gadget
Gadget Docs
yea I think I did most of the stuff from the docs
it’s http://kedra-shield.gadget.app
I also want to make sure that you're testing in production and only testing the Gadget app itself.
yes only prod and only the app. Not from shopify admin.
We're BFS with react. Make sure to
- use managed installs
- lazy load routes
- have your index page / "home page" display the largest element statically, i.e. without loading any "shop data" or similar things from gadget.
I noticed a few things in your application that might cause your load times to be much slower. You're lazy loading a component that's required for showing your users the index of your route