Questions tagged [largest-contentful-paint]

7 questions
1
vote
1 answer

Does !Important Avoid Repaints In CSS?

I'm working on reducing largest contentful paint for a Beaver Builder/WordPress site. I've had some issues where the Heading text is getting repainted late and causing high LCP scores despite the text being visible and styled almost…
Hunter Nelson
  • 1,707
  • 3
  • 20
  • 37
0
votes
0 answers

Next JS app - high Largest Contentful Paint showing huge hero image (mobile) in screenshot for initial page load

I'm completely stuck on getting my Hero Image to load efficiently and am using 'PageSpeed Insights' to measure... and really hope someone can help . I'm sure I'm not the only one that's had this issue before but I can't seem to find anything…
0
votes
0 answers

Images from asset folder are not preloading

I'm currently working on optimizing Largest Contentful Paint in my nuxt app project, and I need to preload some images from the asset folder. I already tried using nuxt image, but it's currently not working on my end due to not having static as the…
lilyco
  • 11
  • 5
0
votes
0 answers

How can I load the higher resolution image asynchronously to not count agains LCP?

This post tells us a technique to reduce LCP. First load a low-resolution image Then load a high-resolution image asynchronously (to not interfere with the LCP) When loaded, show the high-resoslution image And this shows that in React code, but it…
Big boy
  • 1,113
  • 2
  • 8
  • 23
0
votes
1 answer

Lowering Largest Contentful Paint, Over A Full Second After FCP On Mobile

I've spent quite a bit of time on performance optimization for my site and I'm right there at the finish line for getting all the green good scores in search console for mobile usability and core web vitals. The last outstanding thing is getting my…
0
votes
0 answers

why observedLargestContentFullPaint is always GREATER thanLargestContentFullPaint when using LHCI?

I'm currently using LHCI integrated with Gitlab CICD pipeline and I need to do the following:- Add Assertion for ObservedDomContent Load value generated from the LightHouse json report, is it possible? I'm using type Simulated type "Simulated" I…
Omar
  • 11
  • 1
0
votes
0 answers

Determining Possible LCP candidate

In our website we have search page which shows records in rows with 4 products in one row(desktop). And we have top only top row in view port. All these images have same render size and their intrinsic sizes are bigger than render sizes. That means…