Предварительно загруженное изображение (с использованием сервисного работника) все еще требует времени для загрузки

Question

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

Соответствующая служебная рабочая строка просто:

workbox.precaching.precacheAndRoute([
    '/1.jpg'
]);

Это на https и т. Д.

Почему?

Answer 1

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

Если вы видите, что это происходит в период времени, когда Профилирование в DevTools показывает, что выполняется большое количество JavaScript, это можно объяснить.

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