Я использую несколько провайдеров листов карты на карте Leaflet и хочу использовать предварительную выборку DNS для провайдеров / сайтов слоев листов карты, чтобы сократить время загрузки страницы.Но это сбивает с толку, так как URL-адреса этих сайтов используют разные субдомены в формате: https://{s}.tile.openstreetmap.org/ например a.tile.openstreetmap.org и b.tile.openstreetmap.org.
https://{s}.tile.openstreetmap.org/
a.tile.openstreetmap.org
b.tile.openstreetmap.org
var mapnik = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a>" }); var stamenT = L.tileLayer("https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.png", { attribution: "Map tiles by <a href='https://stamen.com'>Stamen Design</a>, <a href='https://creativecommons.org/licenses/by/3.0'>CC BY 3.0</a> — Map data © <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a>", subdomains: "abcd" });
Как я могу использовать предварительную выборку DNS дляэти внешние ресурсы.Должен ли я использовать link rel="dns-prefetch preconnect" для каждого субдомена или мне нужно использовать только один для одного домена (например, использовать только:
link rel="dns-prefetch preconnect"
<link rel="dns-prefetch preconnect" href="https://openstreetmap.org">
вместо:
<link rel="dns-prefetch preconnect" href="https://a.tile.openstreetmap.org"> <link rel="dns-prefetch preconnect" href="https://b.tile.openstreetmap.org">
<link rel="dns-prefetch preconnect" href="https://a.tile.openstreetmap.org">
<link rel="dns-prefetch preconnect" href="https://b.tile.openstreetmap.org">
и т. д.)
Вам нужно будет использовать dns-prefetch и preconnect на каждом поддомене, так как DNS не знает, что представляет собой домен и поддомен.Было бы интересно посмотреть, какая разница.
dns-prefetch
preconnect