Skip to content

Instantly share code, notes, and snippets.

@effrenus

effrenus/Preload, Prefetch And Priorities in Chrome.md

Last active July 24, 2017 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save effrenus/b09d7f3c14f5333014b95b5ff09c1401 to your computer and use it in GitHub Desktop.
Save effrenus/b09d7f3c14f5333014b95b5ff09c1401 to your computer and use it in GitHub Desktop.
Download ZIP
Article summary. Day 1. 28/03/2017
Raw
Preload, Prefetch And Priorities in Chrome.md

Preload, Prefetch And Priorities in Chrome

  • preload - директива (указание) браузеру загрузить ресурс
  • prefetch - способ сообщить, что ресурс, возможно, понадобится в будущем. Браузер сам решает когда загружать ресурс

Когда использовать

  • preload - для ресурсов, которые необходимы для текущей страницы: шрифты, важные скрипты, стили, изображения (приоритетные)
  • prefetch - работа с ресурсами для последующих страниц.

Кеширование

Все загруженные ресурсы сохраняются в HTTP кеш.

Особенности

При переходе со страницы все preload запросы прерываются, prefetch запросы продожают выполняться. Применение стилей при загрузке <link rel="preload" href="styles.css" onload="this.rel = 'stylesheet'" />

Применение

preload в основном для шрифтов.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment