Pagespeed Warnings

  • The placement of the logo image in the header area WITHOUT the ability to set width and height elements AUTOMATICALLY creates “Image elements do not have explicit?width?and?height” warnings on Pagespeed Insights.
    It is very important that above the fold elements dimensions are determined.

    Likewise for the header image on both mobile and desktop. As it stands these dimensions are set to “auto” creating CLS warnings.

    Furthermore, there is no way to set different images for desktop and mobile — forcing the use of a hugely oversized image with a poor aspect ratio for mobiles or an undersized poor quality image on desktop. This is a huge oversight.

    To get good Pagespeed results it is necessary to be able to control images used on deskstop and mobile and to hard-code the dimensions (css won’t cut it as the HTML is loaded first).

    There is also an ARIA error for the mobile menu button: “[aria-*]?attributes do not match their roles”
    Either the syntax is wrong or you have not correctly defined its role.

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

  • The topic ‘Pagespeed Warnings’ is closed to new replies.