We are having some random scrambled resources / pages in our testing environment.

This seems to be caused by an incompatibility between the apache / magnolia configuration with gzip.

Apache VirtualHost configuration:

<VirtualHost *:80>
ServerName magnolia-formacion.*******.com
ProxyRequests Off
<Proxy *>
Order deny,allow
Allow from all
</Proxy>
ProxyPass / ajp://localhost:18009/
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript # Only when we want to enable GZIP in Apache
</VirtualHost>

GZIP configurations tested:

Direct HTTP Magnolia with gzip - OK
Direct HTTP Magnolia without gzip - OK
Apache without gzip, Magnolia without gzip - OK
Apache with gzip, Magnolia without gzip - OK
Apache with gzip, Magnolia with gzip - OK
Apache without gzip, Magnolia with gzip - WRONG

What does WRONG mean? Randomly, resources get scrambled. Sometimes the main HTML resource, sometimes one (or more) CSS resources, or maybe JavaScript. The pages appear generally broken in random, funny ways. But not always. If you reload the same page over and over again it changes almost every time. Then it looks OK. Then it's broken again. Then it's OK three times in a row. Etc.

What does SCRAMBLED mean? The resources look like random binary gibberish, but almost certainly NOT pure gzip-compressed data. With lots of UTF "unknown character" byte sequences, EF BF BD in hexadecimal (usually represented as a square standing on one vertex with a question mark in the middle).