Привіт, веб-розробники! Сьогодні розповімо, як вимкнути кешування сайту. Це важливий момент, особливо коли ви тестуєте нові зміни та хочете побачити їх негайно.
1. Вимкнення кешування на сервері
Apache:
- Відкрийте файл
.htaccess. - Додайте наступний код:
<FilesMatch "\.(html|htm|css|js)">
FileETag None
<IfModule mod_headers.c>
Header unset ETag
Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</IfModule>
</FilesMatch>Nginx:
- Відкрийте конфігураційний файл сайту (наприклад,
nginx.conf). - Додайте наступний код у відповідний блок сервера:
location ~* \.(html|htm|css|js)$ {
expires -1;
add_header Cache-Control "no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0";
add_header Pragma "no-cache";
}2. Вимкнення кешування в HTML
Щоб вимкнути кешування для HTML-сторінок, додайте наступні мета-теги у ваш HTML-файл:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">3. Вимкнення кешування в PHP
Додайте наступний код у ваш PHP-файл:
<?php
header("Cache-Control: no-cache, no-store, must-revalidate");
header("Pragma: no-cache");
header("Expires: 0");
?>Вимкнення кешування допоможе вам впевнено тестувати нові зміни на вашому сайті, забезпечуючи актуальне відображення контенту. Пам’ятайте, що кешування може бути корисним для оптимізації швидкості сайту, тому після завершення тестів можна повернути його налаштування.
Сподіваюсь, цей гайд був корисним! Залишайте ваші питання в коментарях та діліться власними лайфхаками. До зустрічі!
#webdevelopment #webdev #coding #developers #cache #webperformance #programming #codinglife #webdesign #tech #webdevtips #zimin_dev #zimin_dev_blog
