Recently i installed W3 Total Cache and enabled Minify. After I enable JS Minify all images show Blank Space. Then i tried disabling Image Loading – Animation (Lazyload) and all images started showing again. So there is incompatibility between JS minify and Lazyload.
Can you please suggest me which Javascript is used by Lazyload so i can exclude it by adding it in Never minify the following JS files:
Hello,
Unfortunately javascript minify options create multiple issues. Indeed the lazyload breaks first but you need to check other parts of your website as they may be affected as well. Unfortunately the theme uses only one js file so parts of it cannot be excluded. You can check the minify process and check the file to see if it removes parts of the code as well. You will see errors in the console about it. Unfortunately we cannot recommend any minify plugins as most of them created errors. If in your case only the lazyload animation is causing problems, simply disable this option from the theme panel. Alternatively you can use other minify plugins to see if others create this issue as well.
Thanks.
If you look/search for my ‘Chris’ optimization’ post in the newsmag forum, I point to a working solution (recommended by Google!) to properly minify .js by reading it semantically and functionally and re-encoding it, vs the dumb way of simply removing spaces and line breaks as with CSS minification — which is why it never works right with most tools (not even mod_pagespeed does it consistently right).
I don’t have the link handy but it’s in my optimizations thread which you can search for since it’s no longer ‘sticky’ here. 🙂
It’s the only tool I’ve found the past 5 years that WORKS.
This is the link Chris was talking about:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thank you!
I have tested everything. Only Lazyload is causing errors. I will read Chris’s suggestion. Thanks
Oh, and here is link to the JS COMPRESSOR that I use ::
(quoted from my optimization thread of dooooom)
CLOSURE COMPILER FOR JS
Google has started recommending a program (Closure Compiler) to manually minify js files which uses “latest methodologies”
https://developers.google.com/speed/articles/compressing-javascript
and the online UI:
http://closure-compiler.appspot.com/home
Thanks Chris. I followed your suggestion and now my website is even more faster.
Thanks
You are most welcome 🙂
Happy holidays!
