[Abrica]

I'm using Firebug to analyse my website's performance, the main problem is 'Leverage browser caching'. How do I set a cache expiration time for images? And can it be done quickly?, there are 30+ that I need to do!


Thanks!

[scott2500uk]

you could use a htaccess file and use something like this:

Code:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 1 years"
ExpiresByType image/jpeg "access plus 1 years"
ExpiresByType image/png "access plus 1 years"
ExpiresByType image/x-icon "access plus 1 years"
ExpiresByType text/css "access plus 1 years"
ExpiresByType text/javascript "access plus 1 years"
ExpiresByType application/x-javascript "access plus 1 years"
ExpiresByType application/x-shockwave-flash "access plus 1 years"
</IfModule>

This sets the expiry date of all the above file types to way in the future.

Because images dont change often then its safe to set to a year in the future.

CSS and JavaScript files on the other hand may change in a months time so best thing to do is add a version number to the URL of the style sheet so that when u change version number the browser sees it as a new file and caches the new file.

e.g. http://somehost/style/mystylesheet.css?v=1.0

[mansabbas]

Originally Posted by scott2500uk

you could use a htaccess file and use something like this:

Code:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 1 years"
ExpiresByType image/jpeg "access plus 1 years"
ExpiresByType image/png "access plus 1 years"
ExpiresByType image/x-icon "access plus 1 years"
ExpiresByType text/css "access plus 1 years"
ExpiresByType text/javascript "access plus 1 years"
ExpiresByType application/x-javascript "access plus 1 years"
ExpiresByType application/x-shockwave-flash "access plus 1 years"
</IfModule>

This sets the expiry date of all the above file types to way in the future.

Because images dont change often then its safe to set to a year in the future.

CSS and JavaScript files on the other hand may change in a months time so best thing to do is add a version number to the URL of the style sheet so that when u change version number the browser sees it as a new file and caches the new file.

e.g. http://somehost/style/mystylesheet.css?v=1.0

where i add this code..??? between <heade> </head> tag..??

[adampaul123]

Originally Posted by abrica

i'm using firebug to analyse my website's performance, the main problem is 'leverage browser caching'. How do i set a cache expiration time for images? And can it be done quickly?, there are 30+ that i need to do!


Thanks!

try checking the tools section and disabling the catche jump before u proceed