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

Многие интернет-гиганты имеют свои публичные хранилища доставки и дистрибуции данных CDN (Content Delivery Network), на которых они размещают свою копию jQuery. Подобные CDN есть у Yandex, Google, Microsoft и jQuery.

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

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

Пример кода

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

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

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

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

Ссылки

Источник: https://www.kobzarev.com/jquery/jquery-cdn/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: