AO cause erros in PPOM and Slider Revolution

  • Resolved Svenpeter

    (@svenpeter)


    1 year, 9 months ago

    Hi,
    We have identified via support from two other plugin authors, PPOM for Woocommerce and Revolution Slider, that Autooptimize is the cause of breaking some functionalities in these two plugins. When deactivating Autoptimize plugin, the errors are gone.

    • For PPOM, the error that occurs is that there is no marking of the selections that are made on the web page, so customer can not see what selection they have made for a product. From the PPOM support ticket, I learned that AO optimizes also JavaScript files of multiple plugins and theme. With the Autoptimize plugin activated there is error in the console that breaks some javascript functionalities including the selection (with Autoptimize disabled error is not there). I have a picture to share in private to show the error code that was seen with AO Activated.
    • For Slider Revolution, the error that occurs is that all screens were not recognised properly, so for some pages, when visiting the site on a cellphone (Iphone), the top banner slide was enormous in size, covering more than one page. I got support from SR plugin, and they deactivated AO and then the problem was gone. It was actually gone also after Re-activating the plugin again, but it does not feel so “secure” when this happened, at least as the SR was initially not working due to some kind of conflict with AO.

    I have now deactivated the Autoptimized plugin, in order to have the selections work on the page (it is a live site and must work to get orders). But I would gladly help to put on the AO again, so you can perhaps check the error codes it shows in the browser source when activated.

    I kindly ask for your prompt reply, we like AO since we hade it for many years working well, so would like to keep it in the future as well (with these errors corrected then).

    Many thanks in advance.

    Peter

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    Morning Peter;
    First and foremost try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

    frank

    Thread Starter Svenpeter

    (@svenpeter)

    Hi Frank,
    Do you mean I should test it one by one in the Autoptimize settings somewhere? What should I keep a look out for (i.e. error in the source, lost functionality, etc)?

    Many thanks. PEter

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    disable (and re-enable) those one by and test pages with revslider & ppom to see if those works again (you might have to purge the page cache to make sure the change in config is visible on the front-end)?

    Thread Starter Svenpeter

    (@svenpeter)

    Hi,

    OK, did a little investigation as you recommended. See below. What do you make for knowledge from this?

    I see also, can not remember now, but somewhere in Autoptimize there was a section highlighting Before and after version 3.0 of the plugin, and specifically talking of fx Slider revolution. I do not remember now how long I had the Autooptimize, but now it was ticked this box, from start and during the test below. I do not know what this does?

    Please let me know what you think on below. Are we getting closer to some solution?

    Many thanks. Peter

    Activated - All set as before - not possible to make selections showing in PPOM - show the below errors in source:

TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover",function(){$(this).stop().animate({opacity:0.75},400);})', '$("a.acw-image img").live' is undefined)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover",function(){$(this).stop().animate({opacity:0.75},400);})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — autoptimize_57b9f4ea6cd52ed32a8c0adb7f87f044.js:4:129

e — jquery.min.js:2:30044

(anonym funktion) — jquery.min.js:2:30342

undefined

Deactivated - possible for selectors to show in PPOM - show below error in source: 

TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — jquery.widget.js:52

e — jquery.min.js:2:30044

(anonym funktion) — jquery.min.js:2:30342

undefined

Activated again and then removed Lazy Load - Selector is still showing selectors in PPOM, and the below errors:

TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover",function(){$(this).stop().animate({opacity:0.75},400);})', '$("a.acw-image img").live' is undefined)

(anonym funktion) (jquery.min.js:1464)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover",function(){$(this).stop().animate({opacity:0.75},400);})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — autoptimize_57b9f4ea6cd52ed32a8c0adb7f87f044.js:4:129

e — jquery.min.js:1395

(anonym funktion) — jquery.min.js:1403

undefined

Then removed also ”Optimize Java" - still possible to have selectors in PPOM, and the below errors are present:

TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — jquery.widget.js:52

e — jquery.min.js:1395

(anonym funktion) — jquery.min.js:1403

undefined

Then removed also ”Optimize CCS” - still possible to have selectors in PPOM - and the below error are present from source: 

TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — jquery.widget.js:52

e — jquery.min.js:1395

(anonym funktion) — jquery.min.js:1403

undefined

Then removed also ”Optimize HTML” - still possible to have selectors in PPOM - and the below error are present from source: 

[Error] TypeError: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined)

(anonym funktion) (jquery.min.js:2:31711)

[Error] Beacon API cannot load https://region1.google-analytics.com/g/collect?v=2&tid=G-WPXDSQ64D0&gtm=45je32m0&_p=1348101837&cid=1967995973.1675068155&ul=sv-se&sr=1440x900&_s=1&sid=1677595038&sct=73&seg=1&dl=https%3A%2F%2Fwww.toplift.se%2Fhem%2Fbiltacken_bilkapell%2Finomhus_biltacken%2Funiversal-soft-stretch-inomhus-biltacke%2F&dr=https%3A%2F%2Fwww.toplift.se%2Fhem%2Fbiltacken_bilkapell%2Finomhus_biltacken%2Funiversal-soft-stretch-inomhus-biltacke%2F&dt=Universal%20Soft%20Stretch%20Inomhus%20bilt%C3%A4cke%20%7C%20Toplift.se%20%E2%80%93%20f%C3%B6r%20k%C3%B6rning%20under%20bar%20himmel&en=page_view. N?tverksanslutningen f?rlorades.

[Error] Failed to load resource: N?tverksanslutningen f?rlorades. (collect, line 0)

[Error] Failed to load resource: N?tverksanslutningen f?rlorades. (collect, line 0)

[Error] Failed to load resource: N?tverksanslutningen f?rlorades. (collect, line 0)

jQuery.Deferred exception: $("a.acw-image img").live is not a function. (In '$("a.acw-image img").live("mouseover", function(){

$(this).stop().animate({opacity:0.75},400);

})', '$("a.acw-image img").live' is undefined) (2)

(anonym funktion) — jquery.widget.js:52

e — jquery.min.js:2:30044

(anonym funktion) — jquery.min.js:2:30342

undefined
    Thread Starter Svenpeter

    (@svenpeter)

    Hi,
    I got a little information as well from the support of Slider Revolution, they show this picture (on link): https://ibb.co/YfHWvbD

    Best regards, Peter

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Hey Peter;
    I even see the error now, while AO is not active at all;

    so it looks like the root cause is with the ‘advanced categories widget’ JS which causes an error which causes the entire aggregated (autoptimized) JS to fail (causing the problems with Revslider & PPOM)?

    hope this helps,
    frank

    Thread Starter Svenpeter

    (@svenpeter)

    Hi Frank,

    Thank you for this tip, I have now deactivated this plugin (it was no longer valid, in fact, so should do very well without this one). I can not see any errors not either, from the source at least.

    But still, when Autoptimize is activated, this causes the PPOM to not show selections. We would still need to figure this out.

    I kindly ask you for further support.

    Many thanks in advance. / Peter

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Afraid you’ll have to rerun the tests with just JS or just CSS or just HTML optimization or just lazyload or … disabled (and having the page cache cleared every time) Sven. at this point we’re not interested in what JS errors are shown or not, just to know if one specifically causes the PPOM to break.

    Thread Starter Svenpeter

    (@svenpeter)

    Hi,
    OK, I will test again with this in focus.

    The test was as below: 

    AO deactivated -> PPOM selections work

AO activated (as from start) -> PPOM selections does not work

AO active removed ”Optimized Java Script" -> PPOM selections does not work

AO active and removed also ”Optimize CSS-code” -> PPOM selections does not work

AO active and removed also ”Optimize HTML code” -> PPOM selections does not work

AO active and removed also ”Delayed read-in of images” -> PPOM selections DO WORK AGAIN.

------

AO active and ”Delayed read-in of images” off, adding back ”Optimized Java Script” -> PPOM selections STILL WORKS.

AO active and ”Delayed read-in of images” off, adding back ”Optimized Java Script” and adding "”Optimize CSS-code” -> PPOM selections STILL WORKS.

AO active and ”Delayed read-in of images” off, adding back ”Optimized Java Script” and adding "”Optimize CSS-code”, adding ”Optimize HTML code” -> PPOM selections STILL WORKS.

----

    So in this part it seems the thing that makes PPOM selections not work, is the ”Delayed read-in of images” in Autooptimize. 

    How could this be solved? I think I would like to have this lady load (we do not use the image optimisation and CDN feature), it is suggested to use lazy load when testing our site on kingdom or similar for increased speed. 

    Many thanks in advance for your help. 

    Best regards, Peter

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    well, the easy solution is to simply disable “image lazyloading”. the impact on performance _should_ be small as by default WordPress core has “native lazyloading” for images anyway ??

    Thread Starter Svenpeter

    (@svenpeter)

    Hi,

    Yes, probably I would do like this. Still, as you know we often try and want to have the web site ass fast as possible, and when making speed tests, some recommendations often show, and I remember lazy-load is one of the features that is suggested for our web page. So, in this sense, it would be great if we could use the feature in your plugin – but of course then without breaking PPOM selections (as this is way more important).

    Thanks for your help to find the error for now.

    Best regards, Peter

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Well, there is a “lazyload exclusion”-field, so if you can find out which image(s) are impacting PPOM when lazyload is active, then you could exclude those maybe? ??

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘AO cause erros in PPOM and Slider Revolution’ is closed to new replies.