HOW DO I MAKE THE MAIN HEADLINE LOAD FIRST WHEN EVERYTHING ELSE FIGHTS IT?

Solvedcore-web-vitalsimageslcp3 replies · 220 views · started
Accepted solution by Tomas Yilmaz — ahh classic CSS background images are discovered late, only after the stylesheet is downloaded and parsed. if the LCP element is a…
  1. long time lurker first post lol i did eevrything the optimization guides recommended, including adding lazy loading everywhere. The result:

    Disk 0 (C:) Active time 100%

    Disk 0 (C:)   Active time 100%
    Not responding
    

    LCP is worse than before, and the report points at the main headline. it feels like the optimization made things slower. is that possible? 🤷 id like to keep the benefits of teh change if i can, but i clearly need to handle the main headline differently. id appreciate tips that dont invovle throwing away teh whole change.

    rage

    4
  2. hmmmm quick q does a product photo have loading="lazy" on it now? ?

    0 1 helpful
  3. Accepted solution

    ahh classic CSS background images are discovered late, only after the stylesheet is downloaded and parsed. if the LCP element is a background image, switch to a real <img> element in the HTML or preload it. fingers crossed 🤞

    0 8 helpful

Reply to this topic

Sign in or create an account to reply.