Оптимизация загрузки jQuery

Для оптимизации мы будем использовать CDN (Content Delivery Network).

Основные преимущества CDN:

– Уменьшение задержки – файл грузится с ближайшего к вам сервера

– Распараллеливание загрузки – браузеры ограничивают число одновременных подключений к одному домену, а так файлы могут грузиться параллельно

– Кеширование – есть большая вероятность, что в браузерном кеше посетителя файл уже лежит и это скорейший способ загрузить его.

Пример кода

 src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="UTF-8"> 

В атрибуте src, желательно не указывать протокол вообще, тогда можно будет не заботиться о том http это или https.

А что делать в том случае, если CDN от google вдруг стал недоступен? Самый простой вариант — подгрузить локальную копию jQuery.

<script>
 window.jQuery || 
 document.write('<script src="/js/vendor/jquery-3.5.1.min.js"><\/script>')
</script>