Problem with lazy loading and multiple tables

  • Resolved Mitko

    (@apendix)


    2 years, 6 months ago

    Hello,

    I am encountering an issue when I open a webpage containing a chart and a table. Upon the initial page load, both the chart and the table always fail to load properly. In order to display them correctly, I have to refresh the page.

    Here is a video capture:
    https://youtu.be/BBo0f0TWzdE

    Kind Regards!

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • luciamarinescu

    (@luciamarinescu)

    2 years, 6 months ago

    Hi @apendix,

    Thanks for choosing Visualizer!

    Please go to the charts settings -> General Settings -> Lazy Rendering of Chart, disable that toggle and check if it helps.

    Have a nice day!

    Thread Starter Mitko

    (@apendix)

    2 years, 6 months ago

    Sorry, I didn’t clarify. I’ve unchecked the lazy loading, but even then I have this problem.

    It behaves like lazy loading even though there is no lazy loading

    I want to emphasize that I never, under any circumstances, use lazy loading. I find this option to be entirely useless.

    • This reply was modified 2 years, 6 months ago by Mitko.
    Thread Starter Mitko

    (@apendix)

    2 years, 6 months ago


    Here are the errors when I try to load the page for the first time:

    render-datatables.js?ver=3.10.0:424 Uncaught TypeError: Cannot read properties of undefined (reading 'render')
    at render-datatables.js?ver=3.10.0:424:16
    at render-datatables.js?ver=3.10.0:418:9
    at render-datatables.js?ver=3.10.0:421:1
    (anonymous) @ render-datatables.js?ver=3.10.0:424
    (anonymous) @ render-datatables.js?ver=3.10.0:418
    (anonymous) @ render-datatables.js?ver=3.10.0:421
    render-datatables.js?ver=3.10.0:263 Uncaught TypeError: Cannot read properties of undefined (reading 'render')
    at addRenderer (render-datatables.js?ver=3.10.0:263:41)
    at renderSpecificChart (render-datatables.js?ver=3.10.0:188:22)
    at renderChart (render-datatables.js?ver=3.10.0:18:9)
    at HTMLBodyElement. (render-datatables.js?ver=3.10.0:298:13)
    at HTMLBodyElement.dispatch (jquery.min.js?ver=3.6.3:2:43184)
    at y.handle (jquery.min.js?ver=3.6.3:2:41168)
    at Object.trigger (jquery.min.js?ver=3.6.3:2:71790)
    at HTMLBodyElement. (jquery.min.js?ver=3.6.3:2:72385)
    at Function.each (jquery.min.js?ver=3.6.3:2:3003)
    at e..each (jquery.min.js?ver=3.6.3:2:1481)
    Here are the errors when I try to load the page for the first time:

    render-datatables.js?ver=3.10.0:424 Uncaught TypeError: Cannot read properties of undefined (reading 'render')
    at render-datatables.js?ver=3.10.0:424:16
    at render-datatables.js?ver=3.10.0:418:9
    at render-datatables.js?ver=3.10.0:421:1
    (anonymous) @ render-datatables.js?ver=3.10.0:424
    (anonymous) @ render-datatables.js?ver=3.10.0:418
    (anonymous) @ render-datatables.js?ver=3.10.0:421
    render-datatables.js?ver=3.10.0:263 Uncaught TypeError: Cannot read properties of undefined (reading 'render')
    at addRenderer (render-datatables.js?ver=3.10.0:263:41)
    at renderSpecificChart (render-datatables.js?ver=3.10.0:188:22)
    at renderChart (render-datatables.js?ver=3.10.0:18:9)
    at HTMLBodyElement. (render-datatables.js?ver=3.10.0:298:13)
    at HTMLBodyElement.dispatch (jquery.min.js?ver=3.6.3:2:43184)
    at y.handle (jquery.min.js?ver=3.6.3:2:41168)
    at Object.trigger (jquery.min.js?ver=3.6.3:2:71790)
    at HTMLBodyElement. (jquery.min.js?ver=3.6.3:2:72385)
    at Function.each (jquery.min.js?ver=3.6.3:2:3003)
    at e..each (jquery.min.js?ver=3.6.3:2:1481)

    after the refresh there are no more errors

    luciamarinescu

    (@luciamarinescu)

    2 years, 6 months ago

    Hi @apendix!

    I tried to replicate this issue on my end, but it works properly for me. Could you please disable the rest of the plugins, except Visualizer, and check if the issue persists?

    Thank you!

    Thread Starter Mitko

    (@apendix)

    2 years, 6 months ago

    Hello @luciamarinescu
    I’ve deactivated all plugins except Visualizer, and the problem persists. Now I’ve disabled the cache and you can try again.

    Kind Regards!

    luciamarinescu

    (@luciamarinescu)

    2 years, 6 months ago

    Hi @apendix!

    I checked your site again and I don’t see the issue anymore – screencast. Both the charts load properly now and there is no error in the console.

    Thanks!

    Thread Starter Mitko

    (@apendix)

    2 years, 6 months ago

    Hi, @luciamarinescu
    I can regenerate the issue on different browsers and different computers:
    https://prnt.sc/r0AYL7UNBYkS
    https://prnt.sc/AYnjuPPT5AEw

    Thank you!

    Plugin Support Stefan Cotitosu

    (@stefancotitosu)

    2 years, 5 months ago

    Hi @apendix,

    Thank you for sharing the screenshots. I checked the page mentioned in the first message and both charts load properly on various browser, Chrome, Safari, Firefox. This seems to be an issue related to this instance rather than a generic one.

    We can continue to investigate if you can share the name and version of a browser where the issue happens consistently. Otherwise, the reason might be caused by a third-party product. You can also check if the issue persists with one of the default WordPress themes.

    Regards,
    Stefan

    Thread Starter Mitko

    (@apendix)

    2 years, 5 months ago

    It happens from time to time. This time, I managed to reproduce the problem only using Edge 109.0.1518.100 (Official build) (64-bit) on Win 8.1

    luciamarinescu

    (@luciamarinescu)

    2 years, 5 months ago

    Hi @apendix!

    Since this doesn’t happen continuously and on every instance, it doesn’t seem to be a general issue with Visualizer, so there is not much we can do from our end, given that we can’t replicate the issue either on your site or on our test instances.

    Thanks for understanding and have a nice day!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Problem with lazy loading and multiple tables’ is closed to new replies.