PageSpeed ​​Insights сообщает мне о предварительном подключении сторонних источников, а затем сообщает, что они не используются браузером после предварительного подключения

Я запустил PageSpeed ​​Insights, и он сказал мне следующее

Preconnect to required origins
Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. Learn more.
URL
Potential Savings
https://fls-na.amazon-adsystem.com
https://ir-ca.amazon-adsystem.com
https://fonts.googleapis.com
https://images-na.ssl-images-amazon.com
https://ws-na.assoc-amazon.com

Я использую Gatsby, поэтому подключил их с помощью плагина gatsby-plugin-preconnect

{
  resolve: 'gatsby-plugin-preconnect',
  options: {
    domains: [
      "https://ir-ca.amazon-adsystem.com",
      "https://fls-na.amazon-adsystem.com",
      "https://images-na.ssl-images-amazon.com",
      "https://fonts.googleapis.com",
      "https://ws-na.assoc-amazon.com"
   ]
 }
}

Затем я снова запускаю PageSpeed ​​Insights, и он говорит мне

Preconnect to required origins
Warnings:
A preconnect <link> was found for "https://fonts.googleapis.com" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.
A preconnect <link> was found for "https://ws-na.assoc-amazon.com" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.
A preconnect <link> was found for "https://images-na.ssl-images-amazon.com" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.
A preconnect <link> was found for "https://fls-na.amazon-adsystem.com" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.
A preconnect <link> was found for "https://ir-ca.amazon-adsystem.com" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.

Я получил гораздо худшую оценку производительности с их предварительно подключенными


person Sam    schedule 14.07.2020    source источник
comment
Возможно, вам потребуется проверить, нет ли конфликта. github.com/gatsbyjs/gatsby/issues/16984 ‹- это обсуждение указывает на конфликт для почти идентичного плагина, который заставляет меня думать, что вы предварительно подключаетесь дважды. Как всегда, просмотр выводимого HTML и порядка загрузки - гораздо более простой способ отследить подобные проблемы. Я бы посоветовал потратить пару часов на то, чтобы научиться использовать инструменты профилирования и разработки, поскольку нам будет сложно удаленно диагностировать это за вас. Если у вас есть ссылка на сайт, я могу поискать вас.   -  person Graham Ritchie    schedule 14.07.2020
comment
@GrahamRitchie Итак, эта проблема не решена, но я получил It has something to do with how the gatsby-plugin-offline preloads these assets. У меня есть gatsby-plugin-offline, но я не знаю, использую ли я его или нет. Я прочитал, что было бы хорошо установить, поэтому я и сделал. Могу ли я его удалить?   -  person Sam    schedule 14.07.2020
comment
Зависит от того, используете ли вы его, к сожалению, я не использую Gatsby, поэтому я просто читаю документы и ищу проблемы, которые связаны с общими знаниями, чтобы помочь. Я предполагаю, что автономный плагин использует Progressive Web Apps для хранения копии страницы для просмотра в автономном режиме. Если это так, то это может быть обработка ресурсов через Service Worker, и это нужно обрабатывать определенным образом. В инструментах разработчика перейдите на вкладку приложения и посмотрите, есть ли на вашей странице зарегистрированные работники службы поддержки. Если этого не произойдет, вы (вероятно) можете безопасно удалить автономный плагин. Сделайте резервную копию, прежде чем!   -  person Graham Ritchie    schedule 14.07.2020