В отчете об эффективности в Google Lighthouse содержится следующая рекомендация:
Избегайте многократных дорогостоящих поездок туда и обратно в любое место происхождения
"Избегайте многократных дорогостоящих поездок туда и обратноorigin "... Затем он переходит к списку 8 источников.
Итак, я добавил следующий код в начало раздела <head> моего сайта, где hrefs соответствуют каждому источнику.
<link rel='preconnect' href='https://connect.facebook.net' />
<link rel='preconnect' href='https://img.secureserver.net' />
<link rel='preconnect' href='https://advertise.bingads.microsoft.com' />
<link rel='preconnect' href='https://advertiseonbing.blob.core.windows.net' />
<link rel='preconnect' href='https://www.gstatic.com' />
<link rel='preconnect' href='https://js.calltrk.com' />
<link rel='preconnect' href='https://px.ads.linkedin.com' />
<link rel='preconnect' href='https://www.facebook.com' />
<link rel='preconnect' href='https://accounts.google.com' />
Я также попробовал их с <link rel='dns-prefetch' /> и некоторой комбинацией этого и других подсказок браузера.
Однако в отчетах Lighthouse ничего не изменилось после его повторного запуска через некоторое время.Может ли кто-нибудь направить меня в правильном направлении, чтобы я мог решить эту проблему в Lighthouse и сделать еще один шаг к получению идеального отчета?!
Редактировать : У меня есть предположение, зачем это делатьможет не иметь значения в Отчете Маяка, и это - то, что ресурсы вызываются в документе прежде, чем предварительное соединение даже закончилось.Поэтому, хотя технически он запускается немного раньше и экономит несколько мс, остальная часть документа настолько мала, и он запрашивает эти ресурсы еще до того, как предварительная выборка или предварительное подключение будет завершено.Звучит логично?