Built for Shopify badge

[traceisme]

My friends and I have some issues with the prerequisites before getting submit our Apps for "built for Shopify" badge.
Our CLS and LCP is not meet the maximum requirement, event if we are using tool provided from Shopify to measure it. FYI,  we move to using server side render to improve CLS point, but it didn't change ( we waited for more than week to make sure the score update correctly )
Do you guys have some recommendations?

[traceisme]

Hi, I think you guys misunderstand my query. It's not about Shopify site, it's about the admin Shopify App.

[Website_Speedy]

Hi @traceisme 

Your Shopify website is experiencing issues with LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), and render-blocking resources. These problems often arise from how quickly your site loads, how stable it appears while loading, and how efficiently resources like images and scripts are loaded. Here’s how you can address these issues:

• Optimize Images: Compress your images and use next-gen formats like WebP for better compression and faster loading. Also, enable lazy loading so images only load when they're about to be viewed.
• Reduce Layout Shifts: Set specific image dimensions for your images, and use the font-display: swap CSS property to ensure text loads smoothly without shifts.
• Minify and Defer JavaScript and CSS: Minimize and defer non-essential JavaScript and CSS files to avoid render-blocking and allow faster rendering of the page.
• Set Image Dimensions: For large images, ensure you define their width and height attributes to prevent layout shifts while they load.
• Set Size for Media: Always specify the dimensions of images, videos, and ads to avoid unexpected layout shifts during the page load.
• Async/Defer Scripts: For non-essential scripts, load them asynchronously or defer them to prevent them from blocking the main content from loading.
  

As an alternative, you can also try this speed optimization APP for Shopify to improve core web vitals. It takes like 5 minutes to setup and comes with 14 days free trial. You can install it from here: https://apps.shopify.com/website-speedy

[traceisme]

Hi, I think you guys misunderstand my query. It's about the admin Shopify App.

[traceisme]

Thank you for your information. Do you have any advice for this? I can give you our admin insight details if you interest