JS options don't work if HTML disabled

That indeed is strange, esp. as the JS optimization is done before the HTML optimization and that while doing JS optimization the HTML-comments ar hidden from view by encrypting them temporarily. Does this also impact CSS optimization?

Still, the answer must be somewhere in the HTML comments. Anything special in there? How does NG gallery use those?

frank

CSS optimization seems to work. At least I do not see all the CSS files I see when Autoptimize is disabled. The website is https://t.co/flE7N6vxme , take a look if you like. I do not see anything out of the ordanary. What Autoptimize options you see: HTML on, HTML comments off, JS on with some excludes, CSS on with some excludes.

And what are you excluding, JS-wise?

Some… ??

s_sid,smowtion_size,sc_project,WAU_,wau_add,comment-form-quicktags,edToolbar,ch_client,googlesyndication,adsbygoogle,googleapis,amazon,nggallery,nextgen,photocrati,lightbox,thickbox,fancybox,ajax,jquery,piwik,twoclick,2-click,highcharts,wp-gpx-maps

I’m sure some of those are not necessary, but at least I managed to get my website working with those excludes.

I’m testing with NextGen Gallery myself now and can confirm some … weirdness. I’ll keep you posted.

Weirdness. That’s the word. ?? Thank you for digging into this and I am glad that it is not just me. Which means that it is more likely that it can be fixed.

Staying tuned…

Have been digging into NextGen Gallery, that is one funky plugin!

Apparently NGG inserts an HTML-comment early (before AO runs), which is then used late (after AO has done it’s job) to insert JS. So if AO removes the early comment, the late JS-insertion gets broken.

I’m now adding some code in autoptimizeHTML.php to allow it to exclude strings from optimization. Doing so will fix the breakeage with NextGen Gallery, but as the NGG JS is inserted after AO runs, the NGG-JS won’t be optimized by AO.

I’ll be back with a test-version soon.

frank

It seems that messing up with the NGG code does not make any sense anyway as the galleries simply do not work. It gets even harder if you try to get the Pro version up and running with caching and/or minify and/or optimizations. So an optimized website without NGG optimization would be a lot better than no optimizations at all.

Is this also reason why Autoptimize does not do anything with JS if I do not turn on HTML and HTML comments?

PS: If you checked my site then you might have seen that no JS is stripped from the source code, also JS from other plugins which are not on the exclude list. That’s what I was thinking about the complete last evening and then checking and checking the exclude list versus the source code.

Well, I limited my investigations to NextGen Gallery + Autoptimize, there might be other issues on your site as well that we can look into once we get NGG working OK. That being said; I did check NGG on my testblog with JS & CSS and no HTML-optimizatoin and that works OK (when “forcing JS in head”, as NGG depends on a.o. jquery being loaded early).

So the test-version is ready; the changes are all in /wp-content/plugins/autoptimize/autoptimizeHTML.php and you can download an updated Autoptimize zip-file here. Would be great if you could give that a spin and report back.

kind regards,
frank

I just applied the changes to /trunk on www.remarpro.com plugin repo as well, so now you can download the to-be-1.9.3 there as well.

frank

Thank you – I just downloaded the test version.

Unfortunally nothing changed. Or to be more specific: It is even worse. No more JS optimization is taking place. No matter what I turn on or off in the HTML section.

You can see this when checking the source. Stuff like this (and more) is still in the code:

<script type='text/javascript' src='https://www.domain.tld/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.68'></script>
<script type='text/javascript' src='https://www.domain.tld/wp-content/plugins/responsify-wp/src/picturefill.2.2.0.min.js'></script>
<script type='text/javascript' src='https://www.domain.tld/wp-includes/js/comment-reply.min.js?ver=4.1.1'></script>
<script type='text/javascript' src='https://www.domain.tld/wp-includes/js/masonry.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='https://www.domain.tld/wp-content/themes/twentyfourteen/js/functions.js?ver=20131209'></script>

I did not set any excludes for these scripts.

A question about NGG or in general about my JS exclude list: If I put the JS stuff in the head like you suggest I might can clean the list a bit? Like jquery? In general: Did you see any other excludes which might not be needed when putting the JS stuff into the head?

Well, can’t speak for all plugins, but I did get NGG working with just “force JS in head” and not excluding anything.

Regarding files not being aggregated; are you running a setup with a (caching) reverse proxy of some kind and WordPress being on another domain then the one used to visit (as configured for “WordPress Address (URL)” and “Site Address” in “General Settings”?

frank

No I do not have anything like this. The only a bit not common is the https setup instead of http.

Autoptimize worked when I first installed it some months ago. Then between then and now there is no JS optimization anymore. I did not check at every upgrade if everything is still working ok.

well, there have not been a lot of AO updates; one on sept 10 and one on dec 25. any other changes on your system (new plugins)?

and how did you configure HTTPS? any special plugin for that?