Возникли проблемы с очисткой кэша для обновления веб-страницы

Question

Это может звучать как очень простой вопрос, но я чувствую, что перепробовал все.

Это продолжение этого поста Я сделал ранее, где решил проблему, только чтобы он вернулся снова.

Подводя итог, я внес некоторые изменения в файл contact.css на странице контактов моего веб-сайта, когда заметил, что изменения работают в автономном режиме, но не отображаются в Интернете. Я сузил эту проблему до проблемы кеширования с помощью вышеупомянутого поста (другие могли видеть изменения, но я не мог).

В приведенном выше примере я не смог заставить мой веб-сайт отображаться как background-color:blue - в конце концов, он сработал, и я подумал, что исправлю это ... Итак, я возвращаюсь к нормальному цвету и бум, он перестает обновлять изменения снова.

Так что я думаю, что это какая-то проблема с кэшированием, но на всю жизнь я не могу заставить свой кэш очищаться должным образом, чтобы я мог обновиться и увидеть изменения.

Вот что я уже пробовал:

• Очистка кэша (много раз) в Chrome, Firefox и Opera
• Жесткое обновление в Chrome, Firefox и Opera
• Отключение кеша с помощью инструментов разработчика в Chrome и Firefox (сначала это работало, потом перестало работать, когда я обновлял сайт)
• Несколько раз проверялось, правильно ли загружен файл CSS и указан правильный путь к файлу. Это было подтверждено, потому что другие люди видели правильные изменения.
• смел мой DNS
• Изменено с DNS моего интернет-провайдера на Google 8.8.8.8 + 8.8.4.4

Я использую HostGator для размещения своего веб-сайта, мне интересно на данный момент, что-то с ними делать? Я действительно просто понятия не имею, на данный момент.

Вот что я вижу онлайн:

Вот что я должен увидеть и что я вижу в автономной версии моего сайта:

Answer 1

Я заметил, что вы сказали: «Мне бы очень хотелось докопаться до сути вопроса», поэтому я решил написать ответ, чтобы предоставить несколько вариантов (и если кто-то захочет, чтобы я добавил другие, пожалуйста, не стесняйтесь добавить комментарий). В целом, хотя определить вашу основную причину, вероятно, гораздо сложнее, чем просто решить вашу общую проблему, но давайте начнем с возможных причин, о которых я могу вспомнить:

• Обновление нескольких серверов CDN занимает некоторое время, поэтому некоторые возвращают старые данные (ваш текущий сеанс), а некоторые возвращают новые (инкогнито)
• Кэширование сеанса сервера, поэтому при перезагрузке страницы в рамках одного сеанса http-контекста вы получаете тот же контент (например, я видел это в поисковых запросах продукта)

Решение этого вопроса относительно простое, оно называется очисткой кеша. По сути, каждый раз, когда вы обновляете свой исходный код, просто добавьте уникальный ключ в строку запроса, имя файла или что-то еще, чтобы сделать URL уникальным. Например, для вашей CSS вы можете связать https://path/to.css?v2.0.1 и просто увеличивать номер версии по мере продвижения. Если вы используете webpack для выходных данных сборки, у них есть хэш-переменная содержимого , которую вы можете использовать в качестве токена в именах файлов.

Что касается CDN, которые, возможно, кэшируют вещи устаревшими ... решение для хэша контента решит эту проблему, так как это совершенно другое имя файла, поэтому CDN отправит его из корня, если в нем его нет. кэш. Я не уверен, что параметр запроса версии URL будет делать то же самое, возможно, кто-то еще мог бы пролить свет на это.

Answer 2

Вы пробовали использовать Incognito в Chrome?