Defer offscreen images

  • Resolved gts97

    (@gtsitsis)


    2 months ago

    Hello i noticed that the main img i am using is hitting on pagespeed insights as bellow, any advise? 


    Defer offscreen images?Potential savings of 134?KiB

    Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive.?Learn how to defer offscreen images.LCPFCP

    WordPressInstall a?lazy-load WordPress plugin?that provides the ability to defer any offscreen images, or switch to a theme that provides that functionality. Also consider using?the AMP plugin.

    URL

    Resource Size

    Potential Savings


    133.6?KiB

    133.6?KiB

    div#hotspots-map-container-30744 > div.leaflet-pane > div.leaflet-pane > img.leaflet-image-layer

    <img class="leaflet-image-layer leaflet-zoom-animated" src="/wp-content/uploads/2022/01/athens-imgmap.jpg" alt="" style="z-index: 1; transform: translate3d(0px, 0px, 0px); width: 976px;">

    …01/athens-imgmap.jpg


    101.6?KiB

    101.6?KiB
    • This topic was modified 2 months ago by gts97.
Viewing 1 replies (of 1 total)
  • Plugin Support Cyn

    (@cyn92)

    Hello @gtsitsis, thanks for reaching out to us! As it turns out, you may need to compress the image or resize it further if needed. We don’t recommend lazy-loading the image, because the hotspots may not load or calculate properly.

    Can you share a link to the page your interactive image is embedded on so we can take a look for further suggestions?

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.