Uri

Thanks for trying.

@optimizingmatters – Even if disabling those two options, leaving “Optimize CSS Code?” on/checked still causes an empty screen/white page.

There is a PHP error:
[Wed Jan 08 15:44:41.294441 2020] [autoindex:error]: Cannot serve directory /home/shadetree/public_html/wp-content/cache/: No matching DirectoryIndex (index.php,index.php5,index.php4,index.php3,index.perl,index.pl,index.plx,index.ppl,index.cgi,index.jsp,index.jp,index.phtml,index.shtml,index.xhtml,index.html,index.htm,index.wml,Default.html,Default.htm,default.html,default.htm,home.html,home.htm,index.js) found, and server-generated directory index forbidden by Options directive, referer: https://www.shadetreeauto.biz/wp-content/cache/

Yes, that’s the animation causing the problem. When you hover over the service buttons below it, then the corresponding segment also plays.

I actually tried (before posting) excluding all the bodymovin code from AO (JS & CSS) and it still crashed when using this animation.

The only reason the current (home) page isn’t breaking is because AO CSS optimization is turned off.

What’s happening is that WP BodyMovin allows you to use a shortcode to place an animated SVG anywhere on your page/site. The plugin outputs SVG code along with some JS (nested in a <script> tag).

My guess is that when AO parses the page looking to optimize the code, either something in the code (which I validated) is causing it to crash the site, or there is too much code on the page for AO to handle.

WP BodyMovin allows you to upload a .json file of the SVG animation. When I load a smaller file (I haven’t tested this much but…), it works fine. The larger file will work fine as well…until I try to optimize the CSS *or* turn on certain image optimization settings.

I’m also having this problem, except that I get a WSOD when trying to optimize CSS while WP BodyMovin is activated.