Урок: проверить смену версии CSS-файла в кеше
После публикации пользователь должен получить новые стили, а старые страницы — не потерять совместимые ресурсы. Урок показывает проверку двух разных URL файлов без глобального отключения кеша сайта.
Назначение
После публикации пользователь должен получить новые стили, а старые страницы — не потерять совместимые ресурсы. Урок показывает проверку двух разных URL файлов без глобального отключения кеша сайта.
Как это работает
Создайте в своём тестовом проекте lesson.v1.css и lesson.v2.css с заметно разным цветом заголовка. Сначала подключите первую версию, загрузите страницу, затем замените только href на вторую и изучите Network.
Пример
<!-- Первая учебная версия -->
<link rel="stylesheet" href="lesson.v1.css">
<!-- При следующей публикации замените строку выше этой строкой. -->
<link rel="stylesheet" href="lesson.v2.css">Что должно получиться
При последовательной замене браузер запрашивает другой URL. Две строки показаны для сравнения: одновременно в рабочем head должна остаться только выбранная версия. Файлы нужно создать отдельно.
Граница применения и частая ошибка
Новое имя не исправляет устаревший HTML, который продолжает ссылаться на старый ресурс. Не удаляйте старые файлы немедленно, если ими ещё пользуются кешированные документы. В сборке обычно применяют хеш содержимого, а не случайную новую версию на каждый запрос.
Самостоятельная проверка
Повторите загрузку с включённым кешем и посмотрите адрес, статус и источник ответа. Затем откройте сохранённую старую страницу и проверьте доступность v1. Составьте порядок публикации: сначала ресурсы, затем ссылающийся на них HTML.