Proper HTML caching

[Notretsam]

I know I do the cache via my .htaccess file but it seems like from my browser, that am caching to much.  always have about 500MB+ , which seems a lot , only started to happen after I set cache for my website.

I only want the images cached and below is what I have.  

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 week"
ExpiresByType image/gif "access plus 1 week"
ExpiresByType image/png "access plus 1 week"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

I presume the type lines for css, pdf, javascript , shockwave-flash and x-icon  can be deleted?

 

am wondering about the ExpiresDefault line is needed?  

 

I also have the below coding, which I can't remember what it is for lol  I found it on the web, sure it was related to the internet cache.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

 <FilesMatch "\.(js|css|xml|gz)$">
  Header append Vary: Accept-Encoding
  </FilesMatch>
</IfModule>

 

[justsomeguy]

Quote

I presume the type lines for css, pdf, javascript , shockwave-flash and x-icon  can be deleted?

 

am wondering about the ExpiresDefault line is needed?  

Have you looked up what those do?

Quote

I also have the below coding, which I can't remember what it is for lol  I found it on the web, sure it was related to the internet cache.

It's not related to caching, look up mod_deflate if you want to see what it does.

Why exactly do you think you're caching too much?  How much should you cache?

[Notretsam]

1 hour ago, justsomeguy said:

Have you looked up what those do?

I presume the cache items related to specific type, image/jpg would cache jpg images and so on with the others.  Since I only wanted to cache image files, presume the non image file extensions can be removed. 

1 hour ago, justsomeguy said:

It's not related to caching, look up mod_deflate if you want to see what it does.

ok so it resizes content and makes it smaller,  handy to have. 

1 hour ago, justsomeguy said:

Why exactly do you think you're caching too much?  How much should you cache?

don't have answer to these questions , which is why am on this forum asking.  just seems like a big jump in my chrome cache since i added this to my htaccess fille. 

[justsomeguy]

Well, it's really up to you to strike the balance that makes sense to you.  Either you use disk space to cache files that aren't going to change much, or you use time and bandwidth to transfer those files every time someone pulls up your site.  You can pull up your browser's developer tools and enable/disable the disk cache to see the balance that you're at.

[Notretsam]

well after some thinking decided to remove the following lines and see how that goes

ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"

was hoping people on here would tell me what they would do. 

[justsomeguy]

I would cache everything that doesn't change often, that's what caching is for.  If your site is caching several hundred MB, then that's probably an indication that your site is too big, not that you should reduce caching.

[Notretsam]

site is to big? as of right now, I can not see that being why, site is large but not a lot of images, css file is 27KB.

Maybe I am missing something that is causing it on website but doubt it.

I have cut back caching to just the image files and being waiting to see how it goes. 

Looks like it going be trial and error, just have to keep adding/removing a line and seeing how cache size is effected, was hoping not to take this long route.  

 

 

Edited July 27, 2017 by Notretsam

[justsomeguy]

You said it was storing "500+ MB" for the site, where is all of that space going?