Почему мой локальный сайт (не размещенный) может загружать иконки из внешних ссылок CSS без подключения к Интернету?

Question

Я делаю веб-сайт и тестирую некоторые иконки из внешней ссылки css Google. Я прописал внешнюю ссылку в файл index.html, и все заработало нормально. Затем у меня возникла идея проверить, что произойдет, если у меня не будет интернета. Я ожидал, что иконки не будут загружены. Они нормально загрузились, хотя у меня нет доступа к интернету. Почему это произошло? Как это возможно?

Answer 1

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

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

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

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