Is there anyway to not lazy load the first image but lazy load all the others?

Created on 28 July 2022, almost 2 years ago
Updated 30 October 2022, over 1 year ago

Problem/Motivation

In doing testing on web.dev, I am getting harmed by:

Largest Contentful Paint image was lazily loaded
Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. Learn more.

I have a slick slideshow in a block on my homepage.

Can I not load the first image without blazy/lazy but load all the others that way?

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ’¬ Support request
Status

Fixed

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States SocialNicheGuru

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • Hi gausarts,
    thanks for all your works.

    I have a problem with "Lazy priority".
    It doesn't show me the "slide" choice but only the ones you see in the image. I need to create a carousel in the header but if I set the lazy option then I get errors on tools such as "Lighthouse".

    I have version 8.x-2.14 of the Blazy module, 8.x-2.7 of Slick and 8.x-2.6 of Slick View.

    Is there something I'm doing wrong?

    Thanks,
    Davide

Production build 0.69.0 2024