a3 lazy load missing explicit width height on PageSpeed

  • Hello,

    Thanks for your great plugin, but it’s too bad for an optimization plugin, it generate a warning in PageSpeed Insights because of

    lazy_placeholder.gif

    The placeholder does not have specific width and height, so it decrease the PageSpeed score and display a warning : Use explicit width and height on image elements.

    Can you consider to just add width=”1″ and height=”1″ in your source code for futur update ?

    Thanks a lot!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter onico0

    (@onico0)

    Hello again!

    Also, under the “Best Practices” tab, when the above warning is not displayed, PageSpeed can display this warning instead :

    “Serves images with low resolution” – Displayed size : 34×34, Actual size : 1×1, Expected size : 51×51 for lazy_placeholder.gif

    As you can understand, the purpose of optimization plugins is to avoid any PageSpeed warning. Thanks to consider an improvement if possible when you have time!

    Plugin Author Steve Truman

    (@a3rev)

    Hello @onico0

    I must admit that I have not seen those issues reported in our testing. Can you do 2 things please:

    1. Tell me what tool you are using for testing
    2. Give me a link to a site of yours with a3 Lazy Load so that I can test it for myself.

    Thank you

    Steve

    Thread Starter onico0

    (@onico0)

    Hello Steve,

    Thanks for your answer,

    Warning comes from PageSpeed Insights.

    You can see these warnings at these URLs :

    1) Image elements do not have explicit width and height

    …images/lazy_placeholder.gif

    https://pagespeed.web.dev/analysis/https-mod-pagespeed-easyhoster-net/qqv5eosja8?form_factor=mobile&hl=en

    (WP Rocket fix this issue, you just need to add width/height attribute)

    2) Serves images with low resolution :

    …images/lazy_placeholder.gif

    https://pagespeed.web.dev/analysis/https-www-easyhoster-com-support-wordpress/te5d6clrjd?form_factor=desktop&hl=en

    (I’ve fixed on my side on this page by replacing this SVG by “inline svg tag”… for this image only… You should use a very large transparente placeholder… maybe 1800x1800px transparent should not be heavy ? or using a different way to add something in the src=“” attribute)

    Please be informed that I permanently work on my production websites, so, result can change because I am trying to find workaround from my side in the meantime.

    Thanks a lot! Your plugin is a gold nut.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘a3 lazy load missing explicit width height on PageSpeed’ is closed to new replies.

Tags