Optimizing Largest Contentful Paint Score For Embedded App

Shopify Partner
127 0 14

I have a shopify embedded app. 


I am trying to optimize the embedded app's Largest contentful paint score. Currently the LCP is 15s. However I am seeing lots of Shopify css and js files affecting the LCP. 


My app dashboard contains only some divs with some reports (HTML) which I am loading through AJAX calls. I don't have any images in the app dashboard.


Any pointers to reduce the LCP would be appreciated.

Replies 2 (2)
Shopify Partner
10 1 1

Hey, just wondering if you had any luck? I'm having the same issues, with the LCP being mainly affected by Shopify files I can't modify. 

168 4 22

Hello User072319,

Thanks for reaching out to the community!

LCP or Largest Contentful Paint is the core web vitals considered by Google to measure the website's performance, which basically tells how long the main content on the website takes to load on the webpage.

You can improve LCP by:

  1. Compress the images to reduce their loading time
  2. Utilize CDN (Content Delivery Network) to reduce the distance between server and user browsers
  3. Implement AMP (Accelerated Mobile Pages) to allow Google to store cached versions of the pages on mobile servers and reduce the loading time of the images on mobile devices
  4. Enable browser caching to preload the website resources
  5. Implement lazy loading for advertisements and large images
  6. Reduce the number of redirects
  7. Remove unused or dead JavaScript and CSS
  8. Minify or compress scripting of the website

Hope it helps!