Как правильно использовать кеш браузера?

Question

Qairat @Qairat

frontend developer, angular 2+

Как правильно использовать кеш браузера?

Добрый день
Такая проблема

Поискал в гугле, нашел записи для htacces, но все равно не помогает.
Вот что написано в htaccess:

php_flag short_open_tag on
php_value short_open_tag 1
php_value display_errors On
php_value error_reporting 7
php_value max_execution_time 600
php_value upload_max_filesize 600M
php_value post_max_size 600M
RewriteEngine On
php_value magic_quotes 0
php_flag magic_quotes off
php_value magic_quotes_gpc 0
php_flag magic_quotes_gpc off

Options +FollowSymlinks
Options -Indexes 

Rewritebase /

RewriteCond %{REQUEST_URI} !^/$

RewriteCond %{REQUEST_URI} !^/admin
RewriteCond %{REQUEST_URI} !^/my
RewriteCond %{REQUEST_URI} !^/book
RewriteCond %{REQUEST_URI} !^/web-optimizer
RewriteCond %{REQUEST_URI} !^/uploads/
RewriteCond %{REQUEST_URI} !^/auto_backup
RewriteCond %{REQUEST_URI} !^/js
RewriteCond %{REQUEST_URI} !^/data/
RewriteCond %{REQUEST_URI} !^/details
RewriteCond %{REQUEST_URI} !^/self/
RewriteCond %{REQUEST_URI} !^/ssi/
RewriteCond %{REQUEST_URI} !^/sys/


RewriteCond %{REQUEST_URI} !^/index.php
RewriteCond %{REQUEST_URI} !^/show.php
RewriteCond %{REQUEST_URI} !^/style.css
RewriteCond %{REQUEST_URI} !^/ie-png.htc
RewriteCond %{REQUEST_URI} !^/logo.swf

RewriteCond %{REQUEST_URI} !\.(js|css|swf|htm(l)?)

RewriteCond %{REQUEST_URI} !^/images/
RewriteCond %{REQUEST_URI} !^/cgi-bin

RewriteRule   ^(\/)?([^\?]*)(\/)?$ /show.php?id=$2&%{QUERY_STRING}  [L]



# Cache-Control
<ifModule mod_headers.c>
# 30 дней
<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 30 дней
<filesMatch "\.(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 2 дня
<filesMatch "\.(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>
# 1 день
<filesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>

<ifModule mod_expires.c>
    ExpiresActive On
    #по умолчанию кеш в 5 секунд
    ExpiresDefault "access plus 5 seconds"
    # Включаем кэширование изображений и флэш на месяц
    ExpiresByType image/x-icon "access plus 1 month"
    ExpiresByType image/jpeg "access plus 4 weeks"
    ExpiresByType image/png "access plus 30 days"
    ExpiresByType image/gif "access plus 43829 minutes"
    ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
    # Включаем кэширование css, javascript и текстовых файлоф на одну неделю
    ExpiresByType text/css "access plus 604800 seconds"
    ExpiresByType text/javascript "access plus 604800 seconds"
    ExpiresByType application/javascript "access plus 604800 seconds"
    ExpiresByType application/x-javascript "access plus 604800 seconds"
    # Включаем кэширование html и htm файлов на один день
    ExpiresByType text/html "access plus 43200 seconds"
    # Включаем кэширование xml файлов на десять минут
    ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

# использование кеша браузеров
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>

#Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE
<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

Подскажите где не правильно? Или что написать чтобы проблема исчезла?