🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2022-07-15

Метка <link rel="preconnect"> сообщает браузеру, что он должен заранее установить соединение с определённым сервером. Это помогает сократить время загрузки ресурсов, особенно при подключении к внешним API или шрифтам, потому что браузер подготовит всё заранее. Используйте её для ускорения загрузки важных сторонних ресурсов.

Пример использования:

<link rel="preconnect" href="https://fonts.googleapis.com">

Так браузер предварительно установит соединение с сервером Google Fonts, а при запросе шрифтов уже будет готов к быстрой загрузке.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.