Windows hot hotspots don’t show up?

I found that the reason is Autoptimize plugin. Nut Autoptimize is quite popular and useful …

It don’t play nice with that one. Any idea what to do?

Having Autoptimize Active, makes the hotspot not showing up. Same problem with Timeline block …

• This reply was modified 5 years, 3 months ago by terabyten.

Some Autoptimize troubleshooting tips (I’m the developer);

First and foremost try to identify what is breaking your site by just disabling CSS or JS or Image optimization (incl. lazyload).

Once you know that, dive in and try identify what code/ files (CSS or JS) are responsible for the broken feature and try excluding that.

If the problem is with JS, chances are you’ll find useful information on your browser’s developer console.

There’s more info in the troubleshooting tips and info on exclusions in the AO FAQ.

hope this helps,
frank

The issue is JS optimization – turning it off makes the problem gone and it works.

Once you know that, dive in and try identify what code/ files (CSS or JS) are responsible for the broken feature and try excluding that.

Little above my knowledge…

ok, first and foremost; what JS errors do you see on the browser console?

and what happens if you try to disable “aggregate JS”, does that fix things?

Two main errors:

0: '_' is not defined
getwid (448,1)

0: 'lodash' is not defined
autoptimize_731bf5788a57d13afff0b4fbc9e7c033.js (156,20652)

and what happens if you try to disable “aggregate JS”, does that fix things?

Yes

• This reply was modified 5 years, 3 months ago by terabyten.

OK, if you want “aggregate JS” on, you can try adding wp-includes to the comma-separated JS optimization exclusion list?

I was wrong. “and what happens if you try to disable “aggregate JS”, does that fix things?” – don’t fix anything. Sorry …

ah … ok, try exclude wp-includes as described above, make sure “also aggregate inline JS is off” and untick the “minify excluded CSS/ JS” option?

Thank you. Will try it tomorrow, but seems a lot of comprimises of the Autoptimize plugin to get the block working.

Even if I like the Getwid blocks, I’m not sure if I want to change Autoptimize that has been working fine for a long time and is great module and help.

• This reply was modified 5 years, 3 months ago by terabyten.

Seems like it is enough to exclude wp-include and thenthe block works.

How much performance does it take away by excluding wp-include, can it be estamated?

Well, every plugin that implements Gutenberg blocks for the frontend does cause a significant amount of extra JS being loaded, so excluded or not your JS payload will go up considerably.

If not excluded, the JS is loaded late and as such the impact on your site’s onLoad time will be limited (fully loaded on the contrary will still be slower). If excluded, each JS-file loaded will be slow down both start-render and onLoad time, but to know with how much you should test/ compare really (using e.g. webpagetest.org or gtmetrix.com).

frank

Thank you Frank.

I see if we continue to use Getwid. Great blocks, but if it not play nice with Autoptimize, it is a pitty.

@terabyten you can exclude lodash.min.js only.
We use Autoptimize on our demo with no errors.

Thank you. Hopefully the exclusion will not be necessary in the future. ??