Главные выводы
Увеличьте скорость своей страницы, предварительно загрузив критически важные ресурсы. Научите браузер расставлять приоритеты.
Подсказки браузера (подсказки ресурсов)
При открытии веб-сайта браузер решает, что загрузить первым. Вы, как инженер, можете ему шептать критические. Подсказки по ресурсам — это стандартный способ предоставления этих подсказок браузеру.
Предварительная загрузка
Используется для важных шрифтов, основного изображения LCP или важных файлов JS. Браузер не ждет, чтобы обнаружить файл, а загружает его немедленно. Использование:
Preconnect (Preconnect)
Используется для сторонних сервисов (Google Fonts, CDN, аналитика). Завершает подтверждение DNS, TCP и TLS перед запросом файла. Одно это может сэкономить 100–300 мс.
DNS-Prefetch
preconnect. Он просто заранее выполняет разрешение DNS. Подходит для менее важных сторонних сервисов.
Внимание! Использование слишком большой предварительной загрузки может помешать загрузке фактической страницы (перегрузка полосы пропускания). Выбирайте только «действительно важные».
Meta Ads и Перформанс
Серверный CAPI трекинг, исключение утечек бюджета и доказанный рост ROAS
