LQIP used very rarely

  • Resolved signofgrey

    (@signofgrey)


    4 years ago

    Hi,

    The grey responsive placeholder is visible on oon multiple places on my website, so far so good. But even though LQIP is enabled and I’ve cleared cache multiple times (and waited a couple of days), only 3 images on the whole website is compressed with LQIP.

    So I’ve got two issues:
    1. Why is LQIP not used instead of the default grey placeholder?
    2. Why is LQIP (or default grey placeholder) never used for instead of the hero image and other background images?

    #2 is probably the most important, since that was has most effect on LCP. Minimum LQIP dimensions are 150×150, so that’s not the issue.

    Appreciate any help!

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    because your image misses width="xxx" height="xxx" in HTML code

    e.g.

    <img .... style="width: 100%;height: 100%; object-position: center; object-fit: cover" alt="Kreditkort hero">

    this is your background image Kreditkort-hero in your header , it uses CSS style to set W & H , instead of HTML code like this:

    <img .... width="300" height="300"

    Best regards,
    Ruikai.

    Thread Starter signofgrey

    (@signofgrey)

    Thanks qtwrk!

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    No problem , and apologize for the limit of this ??

    Best regards,

    Thread Starter signofgrey

    (@signofgrey)

    Hi again,

    We tried to solve this issue with the dev, but there seem to be no solution. We use srcset for responsive images. Tried to add height/width 100% but that didn’t work.

    Is this problem impossible to solve right now? If so – are you working for a fix to enable LQIP with srcset?

    Br,

    Plugin Support qtwrk

    (@qtwrk)

    you need to use absolute value , instead of percentage , browser knows the percentage means , but LQIP generator can not detect remote screen resolution.

    Thread Starter signofgrey

    (@signofgrey)

    Yeah, we noticed that. But that will sadly removed the responsiveness. We use images with a media size of 2500*xx, we don’t want to load these on devices with small screens :/.

    Plugin Support qtwrk

    (@qtwrk)

    sadly no other way around for this ??

    Thread Starter signofgrey

    (@signofgrey)

    I see. Are there any wishlist for features like this somewhere?

    Plugin Support qtwrk

    (@qtwrk)

    I’ve already forwarded this to our developers

    it’s already on the queue for further assessment and evaluation ??

    Thread Starter signofgrey

    (@signofgrey)

    A follow up question. Where can I see this queue?

    This feature would be a HUGE thing for the LS Cache. This is because now you either have to choose:

    1. Use LQIP but load too big images (not responsive) = Google will complain that images with unproper sizing is served.
    2. Use responsive images (best for user) but not capable of using LQIP = Google will complain that Largest Contentful Paint is long (because even the responsive image is quite large for slow devices).

    This is becoming an issue because there is a big Google update coming May 2021 which will increase the importance of Core web vitals as a ranking factor: https://www.searchenginejournal.com/google-core-web-vitals-ranking-signals/387142/ .

    I’m sure there are a lot of people who want this fixed, they just don’t know it yet ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘LQIP used very rarely’ is closed to new replies.