Site speed Largest Contentful Paint element 11,810 ms

Shopify Discussion

Topic summary

Severe performance issue: PageSpeed Insights reports Largest Contentful Paint (LCP) around 11s, with the LCP element identified as an H2 heading. Store uses the Minion theme and the AVADA SEO app; high bounce rate noted. LCP measures how long the largest visible element (text or image) takes to render.

Proposed causes and fixes:

  • Images: Optimize and serve appropriately sized assets; convert to next‑gen formats (WebP, JPEG 2000, JPEG XR). Note: browser support is not universal.
  • Theme/app code and DOM size: Reduce excessive DOM (page structure) complexity and code from the theme or third‑party apps; contact app providers about injected code.
  • Minification: Minify HTML, CSS, and JavaScript to remove unnecessary whitespace and bytes; use CSS/JS minifier tools.
  • Render‑blocking resources: Eliminate or defer CSS/JS in the that delays first render (render‑blocking = files that prevent the page from displaying quickly).
  • CSS optimization: Defer or remove unused CSS rules.
  • Prioritize above‑the‑fold content and enable lazy loading for below‑the‑fold assets.

Status: No fix confirmed yet. Action items are the optimizations above; outcome pending. A screenshot was provided for context.

Summarized with AI on January 2. AI used: gpt-5.
1

Hi,

I tested website speed by page speed insight, the result shows that LCP is 11s due to the H2 headings. How can I optimize the code? I am using Minion theme, AVADA SEO APP. The bouncing rate is extremely high, due to the low speed. I

11.jpg
11.jpg1984×1492 135 KB

2

Hi @Babycoo ,

These are the following reasons that cause the low speed:

  1. Image Size:

Serve images that are appropriately sized to save cellular data and improve load time, you need to optimize image sizes before uploading

=> Convert your images to a next-gen format

The only downside of these next-gen formats is browser support is not universal for them. Check out these links below to see the current browser support for each format.

  • WebP
  • JPEG 2000
  • JPEG XR

Image formats such as JPEG 2000, JPEG XR, and WebP generally compress better than PNG or JPEG, which means faster downloads and less data consumption

  1. Many DOM sizes or code from the theme you are using

  2. Minify files

The best place to get started to reduce page load is to minimize HTML, CSS, and JavaScript files. These files determine your site’s appearance – like the clothing and shoes that you wear – so it’s vital to run them through some quality filters.

Let’s start with reducing the size of each file and the total number of files. This task includes removing unnecessary formatting, whitespace and code.

  • To minify CSS files, you can use CSS Minifier.
  • To minify JavaScript files, you can use JavaScript Minifier.

4 Eliminate render-blocking resources

The most common render-blocking resources are JavaScript and CSS files that are located at the head of your web page. They load in the above-the-fold area (or the area that you normally see on a website before scrolling down to see the rest of the content) and they are a part of the critical rendering path used by a web browser.

  1. Defer unused CSS

To defer unused CSS, you can remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity.

I noticed that your store has some code from other third-party apps, you can contact them for more details.

Prioritize above-the-fold content (lazy loading)

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly