In Chrome, I'm experiencing a white flash between page loads that is causing transitions to appear choppy. I've taken various steps to optimize the site, such as using image sprites, reducing image sizes, minifying CSS, ensuring correct CSS loading order, caching with .htaccess
, and moving JS to the footer where possible. However, I still encounter this issue. Any suggestions on how to address it? The load time of the pages is quick, but the flash persists. Ideally, I would like to prevent the header from reloading and only have the body (which fades in and out with CSS) transition. Could the files be loading incorrectly in Chrome, causing the flash? What other optimizations should I consider?
# BEGIN Expire headers
ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 2592000 seconds"
# END Expire headers
You can visit the site here, specifically after the age verification page.