Инструменты разработчика Chrome, показывающие высокую загрузку кеша

Question

Я анализировал работников сервиса и кеш-память, которые мы внедрили на нашем сайте.

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

Совокупный размер файлов, которые я добавляю в кеш-память, не превышает 5-6 MB, Но в инструментах Chrome Dev это показывает примерно 130 MB хранение используется.

хром - v 63.
OS - OSX

В режиме инкогнито это показывает использование так высоко, как 100 MB что приводит к Quota Exceeded error,

Даже после очистки данных браузера от настроек Chrome и перезагрузки веб-страницы (скорость полосы пропускания - 1 МБ / с), через 4-5 секунд использование хранилища отображается как 130 МБ, что практически невозможно, поскольку

1) Как уже упоминалось выше, мой фактический размер данных, добавляемых в кэш, составляет 5-6 МБ.

2) даже если он каким-то образом получал 130 МБ (я не знаю как), загрузка 130 МБ просто невозможна, учитывая мои ограничения пропускной способности.

В чем может быть проблема здесь? Почему он показывает такое высокое использование кеша?

Answer 1

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

См. Также ограничения непрозрачных ответов.

TL;DR

Каждый непрозрачный ответ (результат запроса к удаленному источнику, когда CORS не включен), даже 100-байтовый GIF, занимает в среднем 7 МБ кеш-памяти.

Решения включают добавление crossorigin="anonymous" в script а также img теги и удаление { mode: 'no-cors' }.