Preconnect
Preconnect это подсказка браузеру заранее установить сетевое соединение с внешним доменом (шрифтами, аналитикой, CDN), не дожидаясь момента, когда ресурс реально понадобится. Так сокращается задержка при последующей загрузке.
Обновлено: 13 июля 2026Как это работает
Подключение к стороннему домену требует времени: браузер выполняет DNS-запрос, устанавливает TCP-соединение и согласует шифрование (TLS). Тег <link rel="preconnect" href="..."> в head страницы просит браузер проделать эту подготовку заранее, параллельно с разбором страницы. Когда дело доходит до загрузки шрифта, скрипта или изображения с этого домена, соединение уже готово, и ресурс подтягивается быстрее.
Зачем это бизнесу
Preconnect это небольшая, но заметная оптимизация скорости для сайтов, которые подтягивают ресурсы со сторонних доменов. Ускорение загрузки улучшает пользовательский опыт и положительно влияет на поведенческие метрики и оценку скорости, которую учитывают поисковики. Приём точечный: preconnect ставят к важным внешним источникам, а не ко всем подряд, иначе можно, наоборот, распылить ресурсы браузера.
Разработка и поддержка сайтов в наших проектах
Термин «Preconnect» относится к направлению «Разработка и поддержка сайтов». Ниже проекты, где мы это направление вели. Цифры из отчётов и систем аналитики клиентов, не расчётные.
Частые вопросы
Чем preconnect отличается от dns-prefetch?
dns-prefetch выполняет только DNS-запрос, а preconnect идёт дальше: устанавливает и TCP-соединение, и TLS. Preconnect ускоряет сильнее, но и ресурсов браузера требует чуть больше.
К каким доменам стоит применять preconnect?
К важным внешним источникам, от которых зависит быстрая отрисовка: серверы шрифтов, CDN, критичные скрипты. Ставить его ко всем сторонним доменам подряд не нужно.