• Resolved yiyplp0112

    (@tutokoguides)


    Hello.

    After I have install this plug in and all set up, Developer tool has this message;

    [Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323

    Please tell me why this message is occurring and how to resolve (Specifying dimensions) this.

    Thank you for your helping.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    Hi @tutokoguides,

    the message seems to appear in Chrome when images have the native lazy loading markup but no width and height specified.

    Depending on how you added the image, it might not be easy to add the dimensions. How did you add the image(s) to the content?

    Best,
    Florian

    Thread Starter yiyplp0112

    (@tutokoguides)

    Hello @florianbrinkmann,

    thank you for your swift reply.

    I apologize for I don’t know the answer you asked, because the site is not created by myself, but by the site developer.

    The page where this message is displayed has a slide, and the content entered in the slide widget is as follows;

    <div class="row">
    <div class="col-lg-12 col-md-12">
    <div class="swiper-container">
    <div class="swiper-wrapper">
    
    <div class="swiper-slide">
    <picture>
    <source media="(min-width:768px)" 
    srcset="https://domain/wordpress/wp-content/uploads/2019/07/
    slide01-1.jpg" />
    <img src="https://domain/wordpress/wp-content/uploads/2019/07/
    slide01-s.jpg" alt="XXXXX" class="ofi"  />
    </picture>
    </div>
    
    <div class="swiper-slide">
    <picture>
    <source media="(min-width:768px)" 
    srcset="https://domain/wordpress/wp-content/uploads/2019/07/
    slide02-1.jpg" />
    <img src="https://domain/wordpress/wp-content/uploads/2019/07/
    slide02-s.jpg" alt="XXXXX" class="ofi"  />
    </picture>
    </div>
    
    </div>
    <nav class="swiper-pagination"></nav>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    </div>
    </div>
    </div>

    It seems these no width and height specified, how do I doing ?

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    Hi @tutokoguides,

    to help with that, I would need to know how the markup was created. It might be the simplest way to ask the site developer if he could take a look and add the dimensions to the image (if possible).

    Best,
    Florian

    Thread Starter yiyplp0112

    (@tutokoguides)

    @florianbrinkmann

    I understand and I will ask the site developer.

    Thank you for taking the time for me.

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘The message displayed in developer tools’ is closed to new replies.