Почему некоторые css, js и файлы изображений загружаются из дискового кэша, а другие нет?

Question

У меня работает сайт WP с включенным плагином кеша. Сайт работает медленно, поэтому я решил проверить, какой элемент потребляет больше времени для загрузки. Прямо к F12 (chrome веб-инструменты) и оттуда на вкладке Сеть. То, что я вижу, и я не понимаю, почему некоторые файлы загружаются из дискового кэша, а другие нет. Пожалуйста, смотрите прикрепленное изображение (колонка «Размер»)

Итак, если вы знаете ответ, ребята, пожалуйста, поделитесь им.

Спасибо!

Answer 1

Memory Cache- сохраняет и загружает ресурсы из оперативной памяти (RAM). Это быстро, потому что легко загружать ресурсы из оперативной памяти. Эти ресурсы будут сохраняться до тех пор, пока вы не закроете браузер или не очистите его вручную.

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

Я полагаю, браузер определит тип кэш-памяти на основе типа ресурсов или на основе их частота использования.

Иногда мы используем активы или ресурсы с других сайтов (третьих лиц), эти материалы будут передаваться по сети, а размер этих материалов будет передаваться в байтах (B).

Answer 2

Кажется, что все ресурсы загружаются из кеша. Разница в том, что некоторые ресурсы читаются из дискового кэша. Некоторые ресурсы считываются из кэша памяти, а остальные поступают из 304.

ETag и cache-control решают, следует ли читать ресурс из локального дискового / кэш-памяти или требуют обновления (304). Если срок действия ресурса истек, chrome отправит запрос на сервер, чтобы проверить, нужно ли обновлять файл. Размер запроса 304 равен только размеру объекта запроса, а не размеру исходного файла.

Если срок действия ресурса не истек, chrome попытается выполнить чтение из кеша памяти / диска, и он выиграет ' Не отправлять запросы на сервер.

Неясно, как веб-браузер определяет тип кэша. Согласно некоторым документам, мы просто замечаем, что chrome предпочитают сохранять файл css в кэш-памяти диска и сохранять файл img / font / js в кэш-памяти.