Какие есть способы оптимизации загрузки внешних ресурсов с помощью тега link?

Несколько способов оптимизации загрузки внешних ресурсов с помощью тега link:

• Предварительный поиск DNS (dns-prefetch). 14 Браузер автоматически добавляет DNS-поиск второго ресурса в очередь задач. 1 Это позволяет сразу же установить TCP-соединение при клике на ссылку, без обращения к DNS-серверу. 1
• Предварительное подключение к домену (preconnect). 3 Браузер заранее подключается к домену, чтобы ускорить установку соединения в будущем. 3 Это помогает ускорить загрузку стороннего скрипта или стилей. 3
• Предварительная загрузка ключевых ресурсов (preload). 5 Тег позволяет указать браузеру приоритет загрузки определённых ресурсов, в том числе в случае медленного соединения. 1 Атрибут «as» помогает браузеру правильно планировать загрузку и определять последовательность элементов в ней. 1
• Предзагрузка и пререндер страницы (prerender). 3 Браузер загружает URL-адрес и отображает его на невидимой вкладке. 3 Когда пользователь нажимает на ссылку, страница должна отобразиться немедленно. 3

Важно учитывать, что теги link — это возможность, а не гарант ускорения сайта. 1 Скорость загрузки зависит не от их наличия или отсутствия, а от степени загруженности браузера и приоритетности его задач. 1