Предварительная загрузка одного и того же ресурса на 2 разных HTML страницах

Question

У меня есть 2 отдельных файла HTML, один из которых служит только для домашней страницы, а другой - для других маршрутов приложения.

Существует файл CSS, скажем, общий. css, который необходим для обоих HTML-файлов.

Если я предварительно загрузил как,

<link rel="preload" as="style" href="/css/common.css" onload="this.rel='stylesheet'" />

На домашней странице HTML, будет ли он по-прежнему доступен в кэше HTTP для навигации по другим моим маршрутам? Или мне нужно предварительно загрузить common. css снова во второй HTML файл.

Я новичок в использовании подсказок ресурсов ..

Answer 1

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

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

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