< H / $ > Хак/Собесов

Перейти на PRO

Можно ли закэшировать через HTML

«Можно ли закэшировать через HTML» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Тип вопроса: HTML Вероятность: 10% Категория: Frontend Разработчик

Ответ

Да, можно! HTML предоставляет несколько способов кэширования:

<link rel="preload"> - предзагрузка ресурсов

<link rel="preload" href="style.css" as="style">

<link rel="prefetch"> - предварительная загрузка для будущих навигаций

<link rel="prefetch" href="next-page.html">

Кэширование через Service Worker (хотя это больше JS, но регистрируется в HTML)

<script>
  if('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/sw.js');
  }
</script>

HTTP-кэширование через заголовки, которые можно задать в .htaccess или серверной конфигурации

Для статических ресурсов эффективнее использовать HTTP-кэширование (Cache-Control, ETag), но HTML-теги помогают оптимизировать загрузку критически важных ресурсов.