Re: Optimizing Largest Contentful Paint Score For Embedded App

Optimizing Largest Contentful Paint Score For Embedded App

user072319
Shopify Partner
131 0 17

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)

Olllie
Shopify Partner
121 11 23

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. 

Ollie | Founder & Developer of autoBlogger and autoSchema

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!


autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!


Discover more at autoBlogger.bot!

SEOKart
Shopify Partner
171 4 26

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!

Leesha

SEOKart

https://apps.shopify.com/seokart