Minor issues with Google Maps API and Media Grid Lazy Loading

  • Resolved Anonymous User 18617817

    (@anonymized-18617817)


    2 years ago

    Hi there,
    I’ve two minor issues with two different Widgets:

    For a couple of weeks now, Google Maps Widget gives me the following Error in the Console:

    Loading the Google Maps JavaScript API without a callback is not supported.

    MediaGrid Widget:
    It seems to me, that the images (Thumbnails) are not loaded lazy. Not sure why that happens, since the img-Tags contain loading=”lazy”.
    Would be great if this could be fixed, or if s.o. could give me a hint how I can get the images to load lazy.

    Thanks in advance for looking into these issues!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Leap13

    (@leap13)

    Hi @boardingfk

    Regarding the maps console error, we managed to resolve this and it will be included in the next version.

    On the other hand, nothing seems to be wrong with images’ lazyloading. So, this should work normally. I recommend contacting the plugin you are using the lazyload the images on your website so they can check from their end.

    Regards

    Thread Starter Anonymous User 18617817

    (@anonymized-18617817)

    Hi @leap13, thank you for your quick response!

    You say that Lazy Loading should work fine. Can you confirm that this includes Native Lazy Loading via loading=’lazy’? I ran tests on different browsers and MediaGrid-Images were always loaded immediately.
    Lazy Loading via Javascript would work, but I’m not too keen on adding another PlugIn for only one page where I extensively use this Widget.

    Thanks again for taking our time and have a nice day!

    Plugin Author Leap13

    (@leap13)

    Hi @boardingfk

    Actually, the images in the media grid widget are rendered without making any changes in them. I mean we use the built-in WordPress functions to get the HTML markup of the image (including loading=”lazy”) and just render it into the page, that’s why I believe nothing should break the lazyloading.

    May I ask what test did you run to check if lazyloading is working?

    Regards

    Thread Starter Anonymous User 18617817

    (@anonymized-18617817)

    Hi,

    first of all, thanks for fixing the Google Maps Error in the newest Update! I had to exclude premium-maps.min.js from being deferred though, otherwise got “initmap is not a function”- Error.

    Regarding MediaGrid Lazy Loading, essentially i was just watching the Network Tab in the DevTools.
    I just had a look again and found out, that isotope.min.js is the culprit!
    If I block this file, all images in the Media Grid are loaded lazy but invisible. I fixed that by adding:

    .elementor-invisible {
   visibility: visible;
}

    Everything seems to be working fine now (I’m not using Categories, Filter Tabs or Shuffling), except for some errors in the console: Uncaught TypeError: e.isotope is not a function.
    I’m not exactly sure what else this file does, but maybe it would be possible to add conditional logic to only load isotope if needed?

    Best Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Minor issues with Google Maps API and Media Grid Lazy Loading’ is closed to new replies.
  • In: Plugins
  • 6 replies
  • 2 participants
  • Last reply from: Anonymous User 18617817
  • Last activity: 2 years ago
  • Status: resolved