Написал сайт html/css/js, выложил на хостинг, как быть с кэшированием?

Question

[aleksandrtom]

Написал сайт, выложил на хостинг, проверил на PageSpeed Insights, увидел что нужно подключить кэширование, мне сказали, что кэширование делается вручную ОЧЕНЬ тяжело и посоветовали ставить сайт на движок вордпресс и ставить плагин, но как бы сайт под него не задумывался. Но я поставил , подключил плагин, но сайт не кешируется. Далее прочитал про подключение кеширования к сайту на html/css оказалось там все легко сделать через .htaccess.
Вопрос, я могу просто свою верстку выложить на хостинг настроить кеширование через .htaccess и все? сайт будет работать и в дальнейшем не возникнут проблемы/трудности?

Answer 1

[Dmaw]

Добавьте это в htaccess:

<ifModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

<IfModule mod_gzip.c>
	mod_gzip_on         Yes
	mod_gzip_dechunk    Yes
	mod_gzip_item_include file		\.(html?|txt|css|js|php|pl)$
	mod_gzip_item_include mime		^text\.*
	mod_gzip_item_include mime		^application/x-javascript.*
	mod_gzip_item_include mime		^application/javascript.*
	mod_gzip_item_exclude mime		^image\.*
	mod_gzip_item_exclude rspheader	^Content-Encoding:.*gzip.*
</IfModule>

<ifModule mod_headers.c>
    <filesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
        Header set Cache-Control "public"
    </filesMatch>
    <filesMatch "\.(css)$">
        Header set Cache-Control "public"
    </filesMatch>
    <filesMatch "\.(js)$">
        Header set Cache-Control "public"
    </filesMatch>
    <filesMatch "\.(x?html?|php)$">
        Header set Cache-Control "private, must-revalidate"
    </filesMatch>
</ifModule>

<ifModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access 7 days"
    ExpiresByType image/x-icon "access plus 6 month"
    ExpiresByType image/jpeg "access plus 6 month"
	ExpiresByType image/jpg "access plus 6 month"
    ExpiresByType image/png "access plus 6 month"
    ExpiresByType image/gif "access plus 6 month"
    ExpiresByType application/x-shockwave-flash "access plus 6 month"
    ExpiresByType text/css "access plus 7504800 seconds"
    ExpiresByType text/javascript "access plus 7516000 seconds"
    ExpiresByType application/javascript "access plus 7516000 seconds"
    ExpiresByType application/x-javascript "access plus 7516000 seconds"
    ExpiresByType text/html "access plus 600 seconds"
    ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

Answer 2

[Froggyweb]

Вопрос, я могу просто свою верстку выложить на хостинг настроить кеширование через .htaccess и все? сайт будет работать и в дальнейшем не возникнут проблемы/трудности ?

можно даже не кешировать вообще. Проблем точно не будет. Особенно если все сверстано нормально и не грузятся картинки по 5 Мбайт. на предупреждения pagespeed иногда можно забивать, если знаешь что делаешь.

мне сказали что кэширование делается в ручную ОЧЕНЬ тяжело

это бред для твоего случая

Answer 3

[ZoomLS]

посоветовали ставить сайт на движок вордпресс

Это кто вам такие плохие советы даёт? Если поставите Wordpress - будет только хуже.

Answer 4

[Андрей]

Сайт - это таки html/css/js файлы? Просто выложите на хостинг, веб сервер сам все закеширует

Comments

[aleksandrtom]

Точнее php/scss/js/бд То есть я могу всё выложить и все так будет кэшироваться?

[wisgest]

Далеко не обязательно.

Answer 5

[Martovitskiy]

cloudflare

Answer 6

[xmoonlight]

Не слушайте ничьих советов!
1. Читайте сами про кеширование
2. Настраивайте по документации
3. Проверяйте Google PageSpeed Insights'ом.