Разделы
vvShop © 2008 – 2019
Контакты
email: [email protected]
skype: utz0r2
Вернуться
» » » Preload, prefetch, preconnect, dns-prefetch, prerender - зачем?

Preload, prefetch, preconnect, dns-prefetch, prerender - зачем?


<link rel="preload" href="/style.css" as="style" />
Используйте preload, когда вам вскоре понадобится ресурс ( стили, скрипты, шрифты) и надо его предзагрузить раньше.

<link rel="prefetch" href="/style.css" as="style" />
Просит браузер загрузить и кэшировать ресурс в фоновом режиме и больше ничего с ним не делает.

Preload — обновленная версия подресурса prefetch. Чем же preload отличается от prefetch? Preload работает с текущей навигацией и ресурсами с высоким приоритетом. Prefetch — ресурсы с низким приоритетом для следующей навигации.

<link rel="preconnect" href="https://example.com" />
Просит браузер заранее установить соединение с доменом. Это полезно, если вы знаете, что скоро что-то загрузите с этого домена, но не знаете, что именно, и хотите ускорить первоначальное соединение.

<link rel="dns-prefetch" href="https://example.com" />
Просит браузер выполнить DNS-разрешение домена заранее. Это полезно, если вы знаете, что скоро подключитесь к этому домену и хотите ускорить первоначальное подключение.

<link rel="prerender" href="https://example.com/about.html" />
Просит браузер загрузить URL-адрес и отобразить его на невидимой вкладке.
Оставить комментарий
Вверх