Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2019 at 9:54 pm #1066653
    zimbo

    I have been looking at ways to improve my site performance.

    GTmetrix highlights some images on my home page that “are missing width and/or height attributes.”

    The page is created in ALB and the images concerned are loaded via the Image element, which does not offer the ability to specify image dimension attributes.

    How can I do this and solve the GTmetrix error message?

    February 14, 2019 at 10:00 pm #1067163
    Victoria

    Hey zimbo,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    February 15, 2019 at 3:12 pm #1067468
    zimbo

    Screenshot from GTmetrix report.

    Screenshot of the page in ALB where the images are specified.

    Home page generating the GTmetrix report.

    If you look at the page source in Dev Tools you will see the img code for the sponsor logos do not have any dimensions…

    <img src="https://www.henleyherald.com/wp-content/uploads/2016/08/brakspear-2017-logo.jpg" alt="" />

    …whereas the first Top Story image does:

    <img width="260" height="185" src="https://www.henleyherald.com/wp-content/uploads/2019/02/invesco-helen-douglas-cheque-260x185.jpg" alt="" />

    February 19, 2019 at 4:26 am #1068743
    Ismael

    Hi,

    Thank you for using Enfold.

    We can’t specify the width and height of those images because they have to inherit the size of their parent container, making them much more responsive on different screen sizes. Anyway, the score is almost perfect even with those warnings, so you can just ignore that.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.