fileTime - un-cache the un-cachable with out a name change

[JeremyBASS]

Hello, here is a quick tip.  If you're using best practices, you undoubtedly have something like

Code: Select all

Header unset ETag
FileETag None

<FilesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf|mp3|wav|js|css)$">
Header unset Last-Modified
Header set Expires "Fri, 21 Dec 2012 00:00:00 GMT"
Header set Cache-Control "public, no-transform"
Header set Cache-Control "max-age=7257600"
</FilesMatch>

In your .htaccess file.  Now 2 year is a long time if you make a mistake on a js script or want to change your CSS styles.... the other option is to rename you scripts and change that name in you CMSMS templates.

This is what I do to overcome it...? in a UDT named   "fileTime"

Code: Select all

$files=$params['File'];
$fileTimeIS=filemtime($files);
echo $files."?".$fileTimeIS;

then I replace the file path in the tag. ie...


becomes



and I never have to go in the admin area just to change a file name across the bored.  a 5 min task becomes 0.  Great for more then CSS files and JS files, you can use it on images and what not too...

Note this is light weight for a reason... no math, no if's blaa blaa, you know... remember it checks the files each time and you should be using best practices on you CSS and JS construction so you don't have 5 CSS files and 5 JS files... etc...

Cheers
Jeremy

[pgwalsh]

Okay... What is UDT.

and where do I put:

Code: Select all

$files=$params['File'];
$fileTimeIS=filemtime($files);
echo $files."?".$fileTimeIS;

[JeremyBASS]

look to...
http://wiki.cmsmadesimple.org/index.php ... fined_Tags

[pgwalsh]

look to...
http://wiki.cmsmadesimple.org/index.php ... fined_Tags

Now I feel dumb. It was right in front of me.

So how does this work with non static sytlesheets?

If they're kept in the database and retrieve with {stylesheet}, then I'm a bit confused on how to change the expiration date.
YSlow = There are 4 static components without a far-future expiration date.

By the way, I checked and once I turned off CDN I scored a 96.

[kendo451]

Master.css is a file you put in the lib right?  It's not automatically constructed from the stylesheets in the db.

[JeremyBASS]

then I replace the file path in the tag. ie...


becomes

yes.... in this case of this css file it's static.... on I put in the lib folder...

on how to change the "expiration date" or the max-age it's a .htaccess thing..

Code: Select all

Header unset ETag
FileETag None

<FilesMatch "\.(ico|gif|jpg|jpeg|png|flv|pdf|mp3|wav|js|css)$">
Header unset Last-Modified
Header set Cache-Control "max-age=7257600"
</FilesMatch>

all these file ico|gif|jpg|jpeg|png|flv|pdf|mp3|wav|js|css  get catched for a year or so... which is why this littl UDT is so powerfull in breaking the catched item.

[pgwalsh]

Ok Chieftons...

I finally found a solution that works. Not sure if it's proper, but it works.

Code: Select all

Header unset ETag
FileETag None
# Deny access to config.php
ExpiresActive On
<FilesMatch "\.(ico|css|js|gif|jpg|jpeg|png|flv|pdf|mp3|wav)$">
  Header unset Last-Modified
  Header set Cache-Control "max-age=7257600"
  ExpiresDefault "access plus 3 days"
  ExpiresByType text/css "access plus 1 day
# expires in 1 hour
<FilesMatch "\.(pl|php|cgi|spl)$">
    Header unset Cache-Control
    Header unset Expires
    Header unset Last-Modified
    FileETag None
    Header unset Pragma
</FilesMatch>

For some reason I had to add, ExpiresByType text/css "access plus 1 day, or it wouldn't work with the style sheets.  

[pgwalsh]

Well the expire dates isn't working for me with dynamic css. After a couple days they don't load and the page looks funky. Should I just remove css from the cache? 

[JeremyBASS]

if you meant that the stylesheets that are in the admin area, yes you'd want to make them a static style sheet.  Otherwise remove them from the caching... but by no means are they dynamic   that in it's self is the best resaon to make them static IMHO... Cheers

[pgwalsh]

So I implemented your solution and it's great. Only problem I have is yslow says their not compressed and gives me an F. Any way around it?  Not a big deal, but I honestly feel the site loads faster.

[pgwalsh]

Well I've tried various methods, but cannot gzip the files in lib/css.

[JeremyBASS]

well if you can't turn it on with the server (something to ask you host)... you can try a back-up .htaccess way...

Code: Select all

# CMSMS Safari gzip fix
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{HTTP_USER_AGENT} !Safari|!playstation\ 3 [NC]
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

what this does is if you take you file.. the css/js file it'll look for a version that you gziped and put in the folder with them... also it accounts for Safari and PS3 which don't like gzip...

I'd talk to your host and have them turn on the mod_deflate or mod gzip or what have you...   that is the best solution...

Cheers
Jeremy

[pgwalsh]

well if you can't turn it on with the server (something to ask you host)... you can try a back-up .htaccess way...

Code: Select all

# CMSMS Safari gzip fix
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{HTTP_USER_AGENT} !Safari|!playstation\ 3 [NC]
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

what this does is if you take you file.. the css/js file it'll look for a version that you gziped and put in the folder with them... also it accounts for Safari and PS3 which don't like gzip...

I'd talk to your host and have them turn on the mod_deflate or mod gzip or what have you...   that is the best solution...

Cheers
Jeremy

PHP Info shows zlib enabled and in the htaccess file, the gzip/deflate variables.

[JeremyBASS]

what it the site?

[JeremyBASS]

Now in a plug-in!!!

So I'v taken this and added it to my modslack plug-in to make it easier and cut out the db call...

Exmaple Usage: