Как фильтровать кешированные запросы в chrome devtools?

Фон

Вкладка "Сеть" Chrome devtools имеет возможность фильтровать запросы на основе соответствия строк URL-адреса и некоторых предопределенных фильтров типов контента (CSS/JS/...). Если вы установите фильтр, нижняя строка вкладки сети содержит дополнительную информацию, относящуюся только к соответствующему фильтру.

Вопрос

Можно ли фильтровать запросы, если они были отправлены (или нет) кешем браузера?

USECASE

Если у кого-то есть альтернативный подход:

Я хотел бы измерить "реальный" счетчик запросов/перенесенный размер моего HTML-UI. Нижняя часть вкладки сети уже содержит переданный размер правильно, однако счетчик запросов также содержит кэшированные запросы.

Я мог бы использовать wirehark/tcpdump, однако HTML-UI мог запрашивать ресурсы из других доменов, возможно, я мог бы написать сложный фильтр, однако это кажется обычным прецедентом.

Ответ 1

Вы можете использовать фильтр larger-than:1, чтобы скрыть все запросы, которые возвратили менее 1 байт. Когда я тестировал это, запросы, поданные из кеша, имеют (из кеша) в столбце размера и исключаются этим фильтром. Отрицание показало только кэшированные запросы кэша.

Конечно, это также исключает/включает 0B ответов с сервера. Если это вызывает беспокойство, вы можете добавить фильтры mimetype или кода состояния для достижения своих целей в зависимости от точных ответов.

Ответ 2

Для одного из ваших фильтров используйте -status-code:304. Это скроет вещи, загруженные из кеша. Затем количество запросов и переданная сумма покажут количество отфильтрованных из общей суммы для страницы. Если вы хотите проверить только кешированные элементы, удалите отрицание из фильтра.