Для оптимизации мы будем использовать CDN (Content Delivery Network).
Основные преимущества CDN:
– Уменьшение задержки – файл грузится с ближайшего к вам сервера
– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно
– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.
Пример кода
src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> </script>В атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.
А что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.
<script>
window.jQuery ||
document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>
#optimization #jquery