• Investigating

    <img src="//www.gravatar.com/avatar/36925f1a676d3a22b1773456ea7b6815?s=26&r=g&d=mm" data-src="//www.gravatar.com/avatar/36925f1a676d3a22b1773456ea7b6815?s=26&r=g&d=mm" class="avatar user-1-avatar avatar-26 photo lazy-loaded" width="26" height="26" alt="Profile photo of Webmaster" style="background-image: url("undefined");">

    style="background-image: url("undefined");"> leads to 404 error in console and potential slow down of site.

    I hope this feedback is useful.

    Best regards,
    Michael

    https://www.ads-software.com/plugins/lazy-load-xt/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author dbhynds

    (@dbhynds)

    Thanks for the bug report. I’ll investigate. Can you help me out with one thing? Deactivate the plugin, copy the markup for the same image, and paste it here, then reactivate it.

    Thanks!

    Thread Starter mln83

    (@mln83)

    Thanks for the quick reply. Here you go – Lazy Load XT disabled:

    <img src="//www.gravatar.com/avatar/36925f1a676d3a22b1773456ea7b6815?s=26&r=g&d=mm" class="avatar user-1-avatar avatar-26 photo" width="26" height="26" alt="Profile photo of Webmaster">

    It occurs when activating – Lazy load background images from backend Lazy Load XT.

    Btw. I have a question / feature request in regard to lazy loading background images. I use a Page Builder called BeaverBuilder (https://www.ads-software.com/plugins/beaver-builder-lite-version/)

    And it uses the following tag for background images. Any idea if it would be possible to lazy-load this type of background image?

    <div class="fl-row-content-wrap" style="background-image: url(https://www.isci.one/wp-content/uploads/2016/01/Teacher-Student.jpg); background-position: 50% 1.6px;">

    I have suggested BeaverBuilder developers to implement support for your tag:
    "<div data-bg="/path/to/image.png">...</div>" but it will likely take some time for them to update.

    Just a quick question while we were talking about background images.

    Best regards,
    Michael

    Plugin Author dbhynds

    (@dbhynds)

    So with the problem on your original post… url("undefined") …Do you have “Lazy load background images” checked?

    One last request (sorry for not asking in my previous question) … can you view source (not inspect) and provide the HTML markup with the plugin enabled?

    Comparing the view source with the plugin enabled vs disabled should help me sort things out. Also, are there <noscript> tags after the image tag you refernced above? Could you include that as well?

    Thanks!

    Thread Starter mln83

    (@mln83)

    So with the problem on your original post… url(“undefined”) …Do you have “Lazy load background images” checked?

    Yes and it only occurs when I have this option checked.

    One last request (sorry for not asking in my previous question) … can you view source (not inspect) and provide the HTML markup with the plugin enabled?

    Do you need the entire markup? It’s about 2200 lines.

    Yes there is a <noscript> tag after the image tag previously mentioned. I was logged in as ‘admin’ in previous case. When I am logged in as ‘subscriber’ and investigate code I get the following error in console:
    GET https://www.isci.one/all-courses/undefined 404 (OK)checkLazyElements @ jquery.lazyloadxt.extra.js?ver=1.0.6:200timeoutLazyElements @ jquery.lazyloadxt.extra.js?ver=1.0.6:249

    Upon searching HTML markup for ‘undefined’ I see this code:

    <script type="text/javascript">
    
    if(typeof jQuery == 'undefined' || typeof jQuery.fn.on == 'undefined') {
    	document.write('<script src="https://www.isci.one/wp-content/plugins/bb-plugin/js/jquery.js"><\/script>');
    	document.write('<script src="https://www.isci.one/wp-content/plugins/bb-plugin/js/jquery.migrate.min.js"><\/script>');
    }
    
    </script>

    Don’t know if that is of use for debugging or do you need the entire HTML markup (about 2200 lines as previously mentioned).

    Plugin Author dbhynds

    (@dbhynds)

    Can you send me the markup inside of the noscript tag? After that, I should have enough information to diagnose.

    Thread Starter mln83

    (@mln83)

    Hello again,

    Sorry for late response I was trying to recreate the conditions since I temporarily solved the problem by disabling ‘lazy load background images’ in backend. Upon reactivating this feature I now get ‘undefined’ 404 as reported here: https://www.ads-software.com/support/topic/console-error-2

    Best regards,
    Michael

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bug report – Gravatar’ is closed to new replies.