Unsticking sticky Safari cache

Okay,
What I see happens at least a little on every page I tried on your site. It eventually “corrects” itself and applies the styling.

I’m testing on Safari 14.0 (14610.1.28.1.10) with a quick internet connection (1 mega-bit per second).

Here is what I see:
2020-10-25_14-49-41 (1)

Now it looks like you are running Foundations 1.9.1, and I don’t remember if that has a pre-loader included with it. But you could try that. The preloader stops thinks from displaying until the site is loaded. It can make the site appear to be slower.

The other thing I noticed is that you don’t appear to be caching any CSS files? That’s usually done with .htaccess file directives. The two largest CSS files are both set not to cache:

So another fix would be to add cache control to you htaccess file (an example here):

# BEGIN Expire headers  
<IfModule mod_expires.c>  
  # Turn on the module.
  ExpiresActive on
  # Set the default expiry times.
  ExpiresDefault "access plus 2 days"
  ExpiresByType image/jpg "access plus 1 month"
  ExpiresByType image/svg+xml "access 1 month"
  ExpiresByType image/gif "access plus 1 month"
  ExpiresByType image/jpeg "access plus 1 month"
  ExpiresByType image/png "access plus 1 month"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType text/javascript "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
  ExpiresByType application/x-shockwave-flash "access plus 1 month"
  ExpiresByType image/ico "access plus 1 month"
  ExpiresByType image/x-icon "access plus 1 month"
  ExpiresByType text/html "access plus 600 seconds"
</IfModule>  
# END Expire headers  

Chrome and Firefox are very aggressive about caching, so even though you aren’t telling them to cache they often do.

1 Like