Preconnect — раннее соединение с источником

Для чего используется

Приём помогает уменьшить задержку перед загрузкой критичного внешнего ресурса. Если основное время занимает сам файл или выполнение JavaScript, preconnect не решит эту проблему. Сначала разделяют DNS, соединение, ожидание ответа и передачу данных.

Как SEO-специалист использует это в проекте

SEO-специалист использует водопад запросов, чтобы понять, тратится ли значимое время на соединение с внешним CDN или другим важным источником. Разработчик добавляет подсказку только к действительно нужному origin и проверяет её использование браузером.

1. Определите внешний origin важного ресурса в отчёте Network.
2. Проверьте необходимость раннего соединения и настройте подсказку.
3. Сравните начало загрузки и общую картину запросов без дополнительных ненужных подключений.

Ошибки и риски

Много лишних соединений расходуют ресурсы. Подсказка не гарантирует ускорение и не заставляет браузер выполнить запрос. Раннее соединение с третьей стороной также учитывают в принятой политике внешних подключений и согласий.

Добавлять соединения ко всем внешним доменам; путать origin с файлом; ждать от подсказки сжатия изображений; игнорировать ограничения сторонних подключений.

Как проверить результат

Сохраните одинаковые условия холодной загрузки и сравните Network до и после. Оставляйте подсказку, если она приносит измеримую пользу важному ресурсу и не создаёт лишних подключений.

Связанные термины

• Preload — предварительная загрузка ресурса
• Lighthouse