Милиса Михейлия:
Добавление rel = preconnect к <link> информирует браузер о том, что ваша страница намеревается установить соединение с другим доменом и что вы хотите, чтобы процесс начался как можно скорее. Ресурсы будут загружаться быстрее, потому что процесс установки уже завершен к тому времени, когда браузер запрашивает их.
Несколько лет назад Робин хорошо поработал, чтобы собрать информацию обо всех подобных вещах. Похоже, лучшая практика сейчас использует эти два:
Для всех доменов, которые не являются основным доменом, с которого вы загружаете документ.
Энди Дэвис провел несколько недавних экспериментов:
Так что же может изменить преконнект?
Я использовал HTTP-архив, чтобы найти пару сайтов, которые используют Cloudinary для своих изображений, и протестировал их без изменений, а затем с введенным скриптом предварительного подключения. Каждый тест состоял из девяти запусков с использованием Chrome, эмулирующего мобильное устройство, и профиля кабельной сети.
На первом сайте заметно визуальное улучшение: основное фоновое изображение загружается на полсекунды быстрее (вверху), чем на неизменном сайте (внизу).
Автор статьи: Chris Coyier
Источник: CSS-tricks
Поделись этой статьей в соц. сетях, это поможет развитию канала
Подписывайся.
Ставь лайк.
