Improve Performance using custom app

[weebySagar]

Ive built custom app using remix and saving the data in mongodb and fetching the data in theme app extension using app proxy and its working fine but its decreasing the performance of store front around 20 points , how can I optimize the app to maximize the performance

[MooseDesk]

Hi @weebySagar ,

Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.

To optimize your custom app's performance and improve the storefront score, I recommend following these steps:

1. Run a Lighthouse audit in Chrome to get specific optimization suggestions.
2. Pay special attention to Core Web Vitals metrics, which are crucial for performance. Follow the guide at https://web.dev/articles/optimize-vitals-lighthouse#identify_the_largest_contentful_paint_element to identify and address issues affecting Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).
3. Based on Lighthouse results, implement these optimizations:
   • Minimize API calls and data transferred
   • Implement server-side and client-side caching
   • Use lazy loading for components and data
   • Optimize images (compression, appropriate formats)
   • Minify CSS, JavaScript, and HTML
4. Regularly re-run Lighthouse audits to track improvements and identify new optimization opportunities.

By systematically addressing these areas, you should see a significant improvement in your app's performance and storefront score. Remember, performance optimization is an ongoing process, so continue monitoring and tweaking as needed.

I hope this answer addresses your question effectively. If you found it helpful, we’d appreciate a 'LIKE' for MooseDesk. If your issue is resolved, please mark this as 'SOLUTION’.

In the meantime, our MooseDesk Team is always here to help with customer support solutions. We’re passionate about improving your customer experiences through our Live Chat, FAQ, and Helpdesk App.

With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.

• Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

Once again, keep up the fantastic work, and I wish you the best of luck in the future!