Conversation
supportHello 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 Install 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 1 year, 4 months ago by gts97 .
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?
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?