Forket

Solved situation. Just for information, now even with cdn you don’t need Advanced WebP rewriting. ??

I’ve found how to fix plugin. now lets find how to show webp images on site.
I use Amazon CDN and now they support Accept headers.
For example, if you will check next command, if will return webp content-type.
curl -D - -H "Accept: image/webp" https://cdn1.expedition.pm/wp-content/uploads/2015/06/KM_APP_ICON_1024x1024.jpg -o /dev/null

Now, this means that I can use webp images with CDN even without Advanced WebP rewriting, right? and the only issue left it’s how to make your load_webp.JS to handle img src.

Take a look at https://www.expedition.pm/
There is your load_webp.js script which is in combined include_footer.js but it doesn’t replace jpg/png to webp

How to make images to use webp?

OK. Let’s forget about htaccess and follow topic.
What actually Advanced WebP rewriting do? Because for now I know that Cloudfront has ability to work with needed headers for webp:
https://friism.com/webp-content-negotiation-cloudfront

Because for now when I switch it on my site hangs (i’ve had to rename plugin in order to disable it)

I don’t know how to reach plugin author ?? I thought that he reads this topic ??

About mechanism used for minification. In sources i’ve found library used for minification by default. it’s JSMin-PHP. I’ve followed by link from copyrights and found that this project stopped. Here are author words:

This project is unmaintained. I stopped using it years ago. You shouldn’t use it. You shouldn’t use any version of JSMin. There are much better tools available now.
Here are some of them:

• Uglify
• Google Closure Compiler
• JShrink

So based on this, don’t you think that it’s a good time to change default minification lib to some from purposed?

Point 1: Ok. About minification mechanism I’ll try to find out how to configure it.

Point 2: About JS. Here is what GT tells me. As for example let’s take a look at JS in BODY.

Version1 – this is minified by W3TC file.
Version2 – this is file minified by GT. as they tell from screenshot above there are 934 bytes available for compression. I’ve tried to compare this files with WinMarge utility and got interesting thing. On these document opening i’ve got notification about difference in carriage return breaks (screenshot). And when opened I got such picture.

CONCLUSION: From this I can see that W3TC minification doesn’t remove line breaks (even with this option ON). For me it’s quite difficult to find the reason of this behavior (as also with comments removal described in previous posts). Anyway I’ll try.

Together this my ask is: could you be so kind and also make some investigation and fixes if needed.
Thanks for your support, and effective, fast communication. I believe that together with users we can make this plugin better and better.

And Q2: Here is minified JS (GT metrix also tells that it should be minified) and minification is OK but there are comment sections which were not removed by W3TC (I have comment removal ON)

Yeah, I understand that 120B it’s OK and not a problem. But just a curious where they found this bytes.
Togather with this GTmetrix provides their version of minified file. I want to take that and mine and find some tool to compare files and find difference.

Also question, is there is W3TC files some place where minification process can be configured?

Finally, i’ve decided to minify JS files myself. Will tell theme author to minify it in future versions.
For now I have last strange thing.
Here is minified by W3TC file. But GTMetrix tells me that it’s not minified. Am I right, that issue is with minification mechanism used by W3TC? Can it be improved?

The same thing is about JS minified files and minified HTML.

But in this case why GTmetrix tells me that files are not minified?
Most of all, as you saw JS file in head is minified, but GTmetrix tells it’s not :-\ i’m confused

Most of all, in BODY section there is avia.js (not avia-compat.js as above) which also has “use strict”. But chrome don’t throw any error as before.

1. Thanks for explanation and your time. Now I understand that defer suits me well.
2. About bootstrap. in this case why there are comments and new lines? (i’ve put both options ON to remove it). Because of this I think that minification process not minifies this files in BODY and not thrown any errors. :-\ I believe there is some hidden sh*t

About monification in BODY.
the first script in BODY is bootstrap “wp-content/themes/enfold-child/vendors/bootstrap/3.3.5/js/bootstrap.min.js”, which is already minified in source file. But strange situation is that when W3TC minifies scripts this bootstrap script becomes UNminified (as you can see from screenshot) Mysterious situation.

And what in your opinion is best method for non-blocking way? “Defer”?

Take a look at screenshot