Incompatibility with Apache module PageSpeed: Uncaught Error: The item should not be image type

[emibcn]

Hello there!
I've been struggling for over 2 days until I saw PageSpeed adding code to the HTML code (I'm debugging a Plesk server not administrated by myself). PageSpeed adds code to the HTML page that uses the img.onload event to ensure image is loaded and probably other stuff. It breaks Unite Gallery making it raise the infamous Uncaught Error: The item should not be image type. I don't think UniteGallery should do a correction, but it could be done.

I've found that the problem is raised in a race condition, when the gallery constructor is called before all images are completely loaded. To avoid this race condition (as a workaround), I call the gallery constructor after all images are 100% loaded:

(function() {
    
    var code = "#gallery_{{ gallery.pk }}",
        imgs = $(code + ' img'),
        len = imgs.length,
        counter = 0;

    $(code).on("imgready", function() {
        var options = {};
        {% if gallery.options %}jQuery.extend(options, {{ gallery.options|safe }});{% endif %}
        $(code).unitegallery(options);
    });

    function incrementCounter() {
        counter++;
        if ( counter === len ) {
            console.log( 'All images loaded!' );
            $(code).trigger("imgready");
        }
    }
    
    [].forEach.call( imgs, function( img ) {
        if(img.complete) {
            incrementCounter();
        }
        else {
            img.addEventListener( 'load', incrementCounter, false );
        }
    } );

})();

Hope it helps to others having this issue.

Edit: Found a link of people with same issue: https://valiano.ticksy.com/ticket/706985