Browser quickstart

Changelog

GitHub changelog: Issues fixed in 3.4.0 | All changes

Ajax

• Allow custom attributes when script transport is used (#3028, 1f4375a3)
• Fix getResponseHeader(key) for IE11 (#3403, e0d94115)

Core

• Use isAttached to check for attachment of element (662083ed)
• Tiny efficiency fix to jQuery.extend / jQuery.fn.extend (#4246) (#4245, 4ffb1df8)
• Preserve CSP nonce on scripts with src attribute in DOM manipulation (#4323, )
• Preserve CSP nonce on scripts in DOM manipulation (#3541, c7c2855e)
• Support passing nonce through jQuery.globalEval (#4278, 5bdc85b8)
• Recognize Shadow DOM in attachment checks (#3504, 9b77def5)
• Prevent Object.prototype pollution for $.extend( true, … ) (753d591a)

CSS

• Ensure camel- vs kebab-cased names are not collapsed for CSS vars (f8c1e902)
• Avoid filling jQuery.cssProps (#3986, 2b5f5d5e)
• Correctly detect scrollbox support with non-default zoom (#4029, 821bf343)
• Don’t auto-append “px” to CSS variables (#4064) (#4063, 75b77b48)
• Skip the px-appending logic for animations of non-element props (f5e36bd8)
• Avoid forcing a reflow in width/height getters unless necessary (#4322, a0abd15b)
• Don’t read styles.position in the width/height cssHook unless necessary (#4185, 354f6036)
• Don’t auto-append “px” to possibly-unitless CSS grid properties (#4007, f997241f)

Dimensions

• fix computing outerWidth on SVGs (#3964, e743cbd2)
• avoid fetching boxSizing when setting width/height – this avoids forcing a reflow in some cases (#3991, 73d7e625)
• fall back to offsetWidth/Height for border-box in IE (#4102, 315199c1)

Event

• Prevent leverageNative from double-firing focusin (fe5f04de)
• Add “code” property to Event object (#3978, 899c56f6)
• Leverage native events for focus/blur/click; propagate additional data (#1741, #3423, #3751, #4139, 669f720e)
• Respect script nomodule attribute in DOM manipulation (#4281, e4de8b46)
• Restore _evalUrl jQuery.ajax calls to dataType: script (13de7c9e)
• Only evaluate HTTP-successful script src (#4126, c2026b11)

Internal

• Seasonal update of uglify and its options (09684ba3)
• Remove unnecessary ESLint exception (dc05f3c1)
• Run the basic test suite in jsdom (0ec25abb)
• Remove manual QUnit fixture resetting (84b6a0be)
• Make Promises/A+ tests use the dot reporter instead of the default (ca9356ec)
• Update QUnit from 1.23.1 to 2.9.2 (6ced2639)
• Run Karma browser tests on Node.js 10 instead of 8 (16ad9889)
• Update jsdom; migrate a test with Symbol polyfill to an iframe test (9cb124ed)
• Remove obsolete globals from ESLint configuration (c10945d0)
• Update most dependencies (8751e9ef)
• Update test code for compatibility with QUnit 2.x (#4297) (c3498187)
• Advise to create test cases on JS Bin or CodePen, drop JSFiddle (da44ff39)

Что можно сделать, чтобы устранить проблему?

Первое — использовать PageSpeed Insights. Это может и не дать существенного прироста производительности. Результат в значительной степени зависит от целого ряда условий. В первую очередь, есть ли на сайте другие блокирующие кроме JQuery. Например, CSS или другие файлы JavaScript.

Если на сайте есть хотя бы один такой ресурс, то их количество уже не имеет особого значения. Потому что они будут загружаться браузером параллельно (в отличие от JQuery Google CDN). Если только для загрузки одного из них не требуется значительно больше времени, чем для других.

Но нужно постараться устранить блокираторы. И многим это удается, пока они не упрутся в JQuery. Рассмотрим некоторые способы решения этой проблемы:

1. Удалить или не использовать функционал, зависящий от JQuery

Например, если вы используете плагин отложенной загрузки, который дает сбой при попытке асинхронного вызова или объединения JQuery с другими скриптами сайта, то удалите этот плагин или найдите альтернативу, независимую от JQuery.

Существует плагин Rocket Lazy Load, для работы которого не требуется JQuery. После того как вы успешно удалите JQuery зависимый функционал, проблемы при отложенной загрузке, асинхронном вызове или объединении JQuery должны исчезнуть.

3. Загрузить Jquery с Google, а не локально

Если JQuery загружается с , то он (технически) все равно остается ресурсом, блокирующим загрузку. Но он таковым не является. Почему? Потому что миллионы сайтов используют JQuery Google.

Это означает, что с огромной долей вероятности пользователь вашего сайта уже посещал сайт с JQuery, и он сохранен в кэше его браузера. То есть JQuery не будет загружаться еще раз. Получается, что JQuery не блокирует отображение страницы (в отличие от локального варианта использования).

Как загрузить копию JQuery от Google

Шаг 1: Определите, какая версия Jquery используется на вашем сайте

• Просмотрите исходный код вашей страницы;
• Найдите JQuery. Он будет выглядеть примерно так: http://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.3;
• Три цифры в конце, в данном примере 1.11.3, обозначают версию JQuery;
• Если вы не видите номер версии подключаемого JQuery Google, откройте файл;
• В верхней части файла (в начале кода) вы увидите что-то вроде JQuery v1.11.3;
• В этом примере 1.11.3 — это версия JQuery.

Шаг 2: Исключите из очереди загрузки локальную копию JQuery и добавьте копию Google

Вставьте в файл functions.php темы следующий код или используйте плагин, наподобие Code Snippets:

function modify_jquery() {
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js’, false, ‘x.x.x’);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘modify_jquery’);

Важно:

Везде, где вы видите в приведенном выше коде «x.x.x«, замените эти символы номером версии подключаемого JQuery Google.

Шаг 3: Танцуйте от радости

Когда не следует использовать копию JQuery от Google

1. Когда вы можете объединить JQuery с другими скриптами.
2. Когда у вас есть много китайских пользователей, так как сервисы запрещены в этой стране.

Это все, ребята!

Данная публикация является переводом статьи «When and How to Load jQuery From Google’s CDN» , подготовленная редакцией проекта.

Что такое jQuery и её поддержка браузерами

jQuery — это быстрая, лёгкая и многофункциональная JavaScript библиотека, основанная на принципе «пиши меньше, делай больше».

Её создал Джон Резиг в начале 2006 года. В настоящее время jQuery разрабатывается и поддерживается распределенной группой разработчиков как проект с открытым исходным кодом.

Сейчас последней версией jQuery является 3.5.1. Она поддерживается во всех основных браузерах: Chrome, Firefox, Safari, Edge, Opera и Internet Explorer 9+.

Преимущества и недостатки jQuery

Преимущества, которые даёт нам библиотеки jQuery при её использовании для написания клиентских сценариев:

• компактность кода. Позволяет писать код более компактно чем на чистом javaScript, т.е. за гораздо меньшее количество строк кода.
• простой и понятный синтаксис. Значительно упрощает написание многих вещей, например, таких как манипулирование DOM элементами, обработку событий, добавление эффектов анимации на страницу, AJAX запросов и т.д.
• кроссбраузерность. Код написанный на jQuery будет гарантированно работать во всех основных браузерах. В то время как код, написанный на чистом JavaScript надо будет однозначно проверять во всех браузерах. Т.к. некоторые фрагменты кода могут не поддерживаться и их реализацию для этих браузеров нужно будет выполнять как-то по-другому, или например, использовать полифиллы.
• открытый код. Библиотека jQuery является полностью бесплатной как для личных, так и для коммерческих проектов.

Кроме преимуществ, приведённых выше, у библиотеки jQuery имеются конечно и недостатки.

К недостаткам jQuery можно отнести то, что она может немного увеличивать скорость загрузки веб-страницы (её сжатый размер составляет около 30КБ), а также немного снижать производительность выполнения кода, чем если он был бы написан на чистом JavaScript.

Статистика использования jQuery

Если перейти к статистике, то многие крупные компании, используют jQuery в своих приложениях и сайтах. При этом растущий тренд продолжается, несмотря на очень горячие дискуссии в ИТ сообществах на тему: «Стоит ли использовать jQuery или нет в 2021 году?»

Статистика использования jQuery 10k крупнейшими сайтами:

Подключение jQuery на WordPress

Подключение jQuery в WordPress производится автоматически, поэтому нет никакой необходимости подключать библиотеки других версий вручную. Это происходит в шаблоне с помощью php кода:

<?php wp_head(); ?>

В итоге внутри тега HEAD появится строка подключения jQuery.

На момент написания статьи с WordPress поставляется jQuery v1.12.4 Но, как видите, версия библиотеки очень сильно отличается от той, которую подключали в примерах выше. Подключить свежую версию библиотеки возможно, но есть шанс возникновения конфликта.

Чтобы избежать конфликта, но при этом использовать ту версию библиотеки, которая необходима, нужно воспользоваться правильным способом подключения jQuery в файле functions.php:

<?php
function my_jquery_scripts() {
  wp_deregister_script( 'jquery' );
  wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js');
  wp_enqueue_script( 'jquery' ); 
}
add_action( 'wp_enqueue_scripts', 'my_jquery_scripts' );
?>

Тут сначала отключается стандартная библиотека, а потом через Google API подключаем версию 3.1.1

Внимание! Учтите, этот код будет работать только в том случае, если в вашей теме присутствуют wp_head() и wp_footer()

Как подключить скрипт jQuery в html

Подключение jQuery к странице осуществляется также как и любого другого JavaScript файла. Т.е. посредством добавления в HTML тега с атрибутом , в котором необходимо задать полный или относительный путь к файлу.

Подключение последней версии jQuery:

<script src="/assets/js/jquery-3.5.1.min.js"></script>

При этом разместить можно как секции в , так и в . Но где же лучше?

Раньше (до появления режимов и ) это рекомендовалось делать перед закрывающим тегом :

  ...
  <script src="/assets/js/jquery-3.5.1.min.js"></script>
</body>
</html>

При таком размещении скрипт не будет блокировать парсинг веб-страницы, т.к. его загрузка и выполнение будет осуществляться в самом конце. В результате, это приведёт к тому, что пользователь увидит содержимое страницы быстрее и сможет раньше с ней начать взаимодействовать.

Если бы мы сделали это по-другому, например, поместили в раздел , то создали бы «задержку» при обработке страницы в самом её начале. А это привело бы к тому, что пользователю пришлось бы дольше ждать отображения контента страницы.

Но сейчас так делать не рекомендуется. Лучше размещать скрипты как можно выше (в разделе ) с добавлением к ним атрибута или . Эти атрибуты будут «говорить» браузеру, что скрипт нужно загрузить в фоне, не останавливая при этом основной поток обработки страницы. Это позволит сделать сайт более производительным.

  ...
  <!-- отложенная загрузка библиотеки jQuery -->
  <script defer src="/assets/js/jquery-3.5.1.min.js"></script>
  ...
</head>
...

Использовать атрибут применительно к jQuery не имеет смысла, т.к. эту библиотеку мы в основном используем для изменения DOM. Но перед тем, как править DOM, он должен быть построен. Это сделать нам поможет использование атрибута . Атрибут гарантирует что скрипт выполниться только после того, как дерево DOM будет построено, но до события .

При этом, если на странице имеется несколько внешних скриптов с атрибутом , то они будут выполняться строго в том порядке, в котором они расположены в коде.

Пример отложенного подключения jQuery и своего внешнего скрипта, зависящего от этой библиотеки:

<!-- сначала выполнится jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>
<!-- после jQuery свой скрипт, зависящий от jQuery -->
<script defer src="/assets/js/main.min.js"></script>

При непосредственном размещении JavaScript кода в HTML документе его необходимо поместить в обработчик события DOMContentLoaded (в этом случае его код выполнится после загрузки библиотеки jQuery):

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // код, зависящий от jQuery
    ...
  });
</script>
<!-- отложенная загрузка jQuery -->
<script defer src="/assets/js/jquery-3.5.1.min.js"></script>

Download

You can get the files from the jQuery CDN, or link to them directly:

You can also get this release from npm:

Slim build

Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests. And often it is simpler to use a combination of CSS and class manipulation for web animations. Along with the regular version of jQuery that includes the ajax and effects modules, we’ve released a “slim” version that excludes these modules. The size of jQuery is very rarely a load performance concern these days, but the slim build is about 6k gzipped bytes smaller than the regular version. These files are also available in the npm package and on the CDN:

These updates are already available as the current versions on npm and Bower. Information on all the ways to get jQuery is available at https://jquery.com/download/. Public CDNs receive their copies today, please give them a few days to post the files. If you’re anxious to get a quick start, use the files on our CDN until they have a chance to update.

Как скачать jQuery

Для загрузки нам доступны 2 версии: полная и slim. Отличается slim от полной только тем, что в ней отсутствует часть модулей, а именно ajax и effects. Если функции входящие в эти модули нужны, то тогда следует выбрать полную версию. В противном случае – slim.

Кроме этого, каждая из них доступна нам как в сжатом (с суффиксом ) так и в несжатом виде.

Несжатый вариант библиотеки рекомендуется использовать только во время разработки проекта или его отладки. Кроме этого, его ещё используют для изучения исходного кода jQuery. В нём можно посмотреть устройство как всей библиотеки, так и определённой функции.

На продакшене лучше применять сжатый вариант jQuery (с расширением ). Он меньше весит, и, следовательно, быстрее загружается

А это очень важно для производительности сайта

Уменьшение объема JavaScript кода библиотеки jQuery осуществляется за счёт минимизации. Минимизация – это процесс, который заключается в удалении из исходного кода всего лишнего (комментариев, незначащих пробелов, переносов строк, символов табуляции) и замене имен функций и переменных на более короткие.

Кроме этого, существуют разные ветки jQuery: 1.x, 2.x и 3.x.

jQuery 1.x следует использовать если нужна поддержка IE 6 – 8.

jQuery 2.x построено на том же API, что 1.x. Но имеет меньший размер и более высокую производительность. Это было достигнуто благодаря тому, что из неё был удалён устаревший код, необходимый для поддержки IE 6 – 8. Таким образом 2.x можно использовать только в том случае, если вам не нужна поддержка этих старых браузеров.

jQuery 3.x – последняя ветка (3.5.1 – последняя версия). В большинстве случаев рекомендуется выбирать её, если конечно вам не нужна поддержка IE 6 – 8. В отличие от предыдущих веток она имеет множество улучшений (поддержку промисов, работу с анимацией через и др.) и исправлений. Кроме этого, она доступна как в полном формате, так и .

После того как вы определись какой вариант библиотеки вам нужен, его необходимо загрузить.

Для скачивания jQuery с официального сайта нажмите правой кнопкой мыши на нужную ссылку и выберите пункт «Сохранить ссылку как…».

После скачивания, можно заметить, что jQuery представляет обычный файл с расширением . Далее его нужно загрузить на сервер.

EasyAutocomplete

EasyAutocomplete is a highly customizable jQuery autocomplete plugin with all the commonly required features. It supports local and remote data sets in JSON, XML, and plain text formats. It also supports callback handlers along with some default styling.

What sets this plugin apart is their . Templates are used to define the results view. You can create a custom template or use one of the available built-in presets which include:

• Description Template
• Icon Right/Left Template
• Link Template

Implementing a basic autocomplete with this plugin is quite easy, see the following example code:

HTML:

JavaScript:

JSON:

To learn more, visit the following link:

• Website
• Download
• Source

Что это такое

Jquery — это фреймворк JavaScript. Если говорить простыми словами, то это библиотека скриптов написанная на JS, включающая в себя набор готовых функций, облегчающих создание приложений на JavaScript.

Уметь работать с ним должен любой вебмастер, который хочет создать профессиональный интернет-проект. Перед началом изучения ознакомьтесь с моей статьей «JavaScript для чайников».  Она поможет вам в дальнейшем изучении jquery. Используя эту библиотеку, вы получите такие преимущества по сравнению с использованием javascript:

• Работает со всеми современными браузерами;
• Быстрое внедрение визуальных эффектов, а также скрытие и появление элементов на блоге;
• Много плагинов, облегчающих работу — галереи, слайдеры формы, выпадающее меню и другие элементы страницы.
• Работа с ajax. Это технология, разрешающая отправлять запрос к серверу без перезагрузки браузера.

Подключение jQuery с CDN

Если вы не исправляете саму библиотеку jquery, а используете только версию Compressed (файлик  min.js), то есть смысл не загружать библиотеку на локальный сервер, а подключать его напрямую с CDN (Content Delivery Networks) — в данном случае библиотека jQuery находится физически в ctnb CDN — а мы просто ссылаемся на неё.

Что такое CDN

В двух словах, CDN — это сети из серверов разнесенных на большое расстояние между собой. Когда в сеть CDN приходит запрос на какой-либо файл, внутри сети определяется, какой сервер ближе расположен к месту запроса и отправляет его на тот сервер, таким образом, выбирается оптимальный маршрут по которому наиболее быстро будет отправлен скачиваемый файл в ответ на запрос.

Строка подключения библиотеки jQuery с CDN сервера

Строка подключения к CDN серверу также находится на странице  http://jquery.com/download и выглядит следующим образом (в зависимости от версии):

Динамическое подключение

Динамическое подключение jQuery осуществить проще всего. Для этого достаточно в коде вашего сайта, перед закрытием тега </head> просто добавить вот такой код:

XHTML

<script type=»text/javascript» src=»https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js»></script>

1	<script type=»text/javascript»src=»//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js»></script>

Данный код будет осуществлять подгрузку последней библиотеки jQuery из хранилища Google.

Если же вам нужно загрузить не последнюю версию библиотеки jQuery, а библиотеку какой-то определенной версии, то вам нужно вставить вот такой код:

XHTML

<script type=»text/javascript» src=»https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js»>
</script>

1 2	<script type=»text/javascript»src=»//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js»> </script>

Где вместо 2.2.0 вы ставите ту версию, которая нужна вам для загрузки.

Для того, что бы убедиться, что по данному адресу в хранилище Google действительно находится нужная вам библиотека, достаточно просто скопировать данный адрес и вставить его в адресную строку браузера и затем нажимать Enter.

И вот мы видим код самой библиотеки, и в самом верху написана ее версия.

Достоинствами динамического подключения:

• Простота подключения. То есть вы, просто вставляете код на ваш сайт, и получаете уже подключенную библиотеку jQuery.
• Из хранилища Google подключение скрипта происходит быстрее, чем, если скрипт находится на вашем сайте.

Недостатки подключения:

Если IP пользователя, добавившего данную библиотеку, Google решит забанить, либо просто с самим сервисом Google что-то случится, то данная библиотека, естественно, перестанет работать на вашем сайте, и все элементы, которые были с ней связаны, так же перестанут работать.

Для того, что бы этого избежать, можно использовать следующий способ подключения – это локальное подключение.

Minor vulnerability fix: Object.prototype pollution

jQuery 3.4.0 includes a fix for some unintended behavior when using . If an unsanitized source object contained an enumerable property, it could extend the native Object.prototype. This fix is included in jQuery 3.4.0, but patch diffs exist to patch previous jQuery versions.

Example

Note that while jQuery does its best to protect users from security vulnerabilities, jQuery is a DOM manipulation library that will generally do what you tell it to do. In this case, the behavior was likely unexpected, so will no longer write any properties named . But guards such as this one are not replacements for good security practices such as user input sanitization.

How To

Ruby on Rails

Add gem to your :

gem 'jquery-cdn'

If you support IE 6, 7 or 8, lock jQuery in 1.x versions:

gem 'jquery-cdn', '~> 1.0'

Call helper in layout:

!!! 5
%html
  %head
    %title My site
    = include_jquery
    = javascript_include_tag('application')

Ruby

If you use Sinatra or other non-Rails frameworks with Sprockets,
just connect your Sprockets environment to jQuery-CDN:

require 'jquery-cdn'

assets = Sprockets::Environment.new do |env|
  # Your assets settings
end

JqueryCdn.install(assets)

Set local jQuery URL (by default, ):

JqueryCdn.local_url = proc { '/jquery.js' }

Include module to your app:

class YourApp < Sinatra::Base
  helpers { include JqueryCdn::Helpers }
end

And use helper with option:

!!! 5
%html
  %head
    = include_jquery(env: app.environment)

WordPress плагин jQuery Updater

В описании модуля сказано, что он обновляет jQuery до самой актуальной версии, которая, скорее всего, старше той, что использует вордпресс на вашем сайте. Однако не совсем понятно, почему при этом в FAQ на вопрос нужен ли плагин, если у вас установлена самая последняя версия WP, — автор говорит, что он не требуется. Немного странно.

Я так понимаю модуль пригодится, если какой-то плагин, скрипт или стороннее решение требует наличие библиотеки более старшей версии нежели поддерживается последним релизом WP. У меня на сайте как раз и была такая ситуация — использовалась самая акуальная версия вордпресс но jQuery, загружаемая фреймворком/шаблоном была морально устаревшей. В таком случае вы либо делаете все изменения вручную, либо пробуете работать с модулем. После его активации никаких дополнительных действий делать не нужно. Если же установка WordPress jQuery плагина приводит к появлению глюков на сайте, то лучше его отключить.

Я, в принципе, больше склоняюсь к варианту с правкой файла functions.php. В данном вопросе нет ничего слишком сложного чтобы ставить дополнительный модуль. Если у вас есть что добавить про jQuery в вордпресс, пишите комментарии.

Подключаем jQuery с Google CDN для сайта на WordPress. Устраняем дублирование загрузки библиотеки.

Для выбора версии библиотеки достаточно будет посмотреть, какую версию скрипта использует ваш сайт и плагины. Это можно сделать разными способами:

А) Заходим на сайт http://tools.pingdom.com/fpt/ и вводим в окне адрес вашего сайта. Далее нажимаем кнопку «Test Now».

В диаграмме загрузки мы находим скрипт jQuery и смотрим его версию. Пример на картинке ниже:

В данном случае подгружается jQuery версии 1.8.3. Вот ее мы и будем подключать с Google.

Отмечу также, что с Google CDN можно подключить практически любую версию библиотеки, там есть полный набор — от старых версий до самой новой.

Б) Второй способ проверки заключается в том, что вы заходите в папку вашего сайта /wp-includes/js/jquery/ и находите там jquery.js. Этот файл надо открыть текстовым редактором (блокнот, Notepad++ — про эти редакторы можно почитать у нас).

В самом начале файла указана версия библиотеки:

В данном случае мы также видим jQuery версии 1.8.3.

1) Открываем файл functions.php нашей темы оформления (в административной панели WordPress заходим во Внешний вид —> Редактор —> Theme Functions (functions.php))

2) В самый конец файла вписываем код:

if ( !is_admin ()){wp_deregister_script (‘jquery’);wp_register_script (‘jquery’, («http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js»), false, ‘1.8.3’);wp_enqueue_script (‘jquery’);}

Сохраняем файл functions.php, нажав кнопку «Сохранить». Все, теперь библиотека jQuery версии 1.8.3. будет загружать с CDN Google.

Рассмотрим, какие элементы кода за что отвечают:

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js — это путь, по которому библиотека лежит на сервере Гугла. Если вам нужна другая версия библиотеки скриптов, то просто измените цифры 1.8.3 на нужные.

Последний этап — это проверка работы библиотеки, загружаемой с серверов Гугла.

Стрелка слева указывает на место подключения библиотеки jQuery. Там же указано, что она загружается с сервера Гугл.

Справа внизу стрелка показывает время загрузки jQuery, вы видите разницу.

После проверки, посмотрите на сам ваш сайт: все ли на нем работает? Не появилось ли проблем в плагинами. Обычно проблем нет, но если что-то не так, значит версия jQuery не та, что вам нужна. Попробуйте подключить более новую версию. Удалите код, подключающий jQuery с CDN и затем посмотрите лог загрузки сайта на сервисе http://tools.pingdom.com, возможно загружается несколько библиотек, просто вы это не заметили (плагины могут подгружать свою версию). Посмотрите на версию самой новой и затем подключите именно ее через CDN.

Мы рассмотрели подключение библиотеки jQuery с CDN Google, позволяющее значительно увеличить скорость загрузки элемента и быстродействие сайта.

Поделитесь этой записью с друзьями, буду благодарен!

List of URL to include the jQuery library into a web page

Here is the list of a couple of content delivery network, which provides jQuery hosting. You can use any of these URL to include or reference the jQuery library into your page. As I said CDN networks improve the loading of jQuery files by offering local hubs, as well as, since they are popular, it might be possible that your visitor has already downloaded jQuery from requested CDN. 
In the first case, it helps to load jQuery faster from the closest server, while in the second case it can leverage the already downloaded version of jQuery, which means faster response time. Here are the three most popular content delivery network URLs for loading jQuery libraries in your web pages.

1. Google CDN URL to download jQuery

is the Google CDN url to download jQuery version 1.10.1, you just need to include that into src attribute of HTML <script> tag as shown below:

<script type=»text/JavaScript» src=»http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js» ></script>

One of the worth noting things is jquery.min.js, which is the actual jQuery library, .min version is a compressed production version, which is without debugging information to reduce the size of jQuery so that it can be loaded faster.

2. jQuery’s CDN to download jQuery files

To use the jQuery CDN, just reference the jQuery library directly from the script tag, as shown below :

<script src=»http://code.jquery.com/jquery-1.10.1.min.js»></script>

This will download jQuery version 1.10.1, but you are free to download earlier jQuery version including jQuery 1.4 or jQuery 1.6. visit http://code.jquery.com to see all available files.

3) Microsoft’s CDN to load jQuery JavaScript library

Microsoft CDN also host some of the most popular third party JavaScript libraries, including various version of jQuery.You can use following URL to reference jQuery directly inside src attribute of <script> tag.

jQuery version 1.10.0http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.0.min.js

jQuery version 2.0.0http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js

jQuery Core — All 1.x Versions

• jQuery Core 1.12.4 — uncompressed, minified
• jQuery Core 1.12.3 — uncompressed, minified
• jQuery Core 1.12.2 — uncompressed, minified
• jQuery Core 1.12.1 — uncompressed, minified
• jQuery Core 1.12.0 — uncompressed, minified
• jQuery Core 1.11.3 — uncompressed, minified
• jQuery Core 1.11.2 — uncompressed, minified
• jQuery Core 1.11.1 — uncompressed, minified
• jQuery Core 1.11.0 — uncompressed, minified
• jQuery Core 1.10.2 — uncompressed, minified
• jQuery Core 1.10.1 — uncompressed, minified
• jQuery Core 1.10.0 — uncompressed, minified
• jQuery Core 1.9.1 — uncompressed, minified
• jQuery Core 1.9.0 — uncompressed, minified
• jQuery Core 1.8.3 — uncompressed, minified
• jQuery Core 1.8.2 — uncompressed, minified
• jQuery Core 1.8.1 — uncompressed, minified
• jQuery Core 1.8.0 — uncompressed, minified
• jQuery Core 1.7.2 — uncompressed, minified
• jQuery Core 1.7.1 — uncompressed, minified
• jQuery Core 1.7.0 — uncompressed, minified
• jQuery Core 1.7.0 — uncompressed, minified
• jQuery Core 1.6.4 — uncompressed, minified
• jQuery Core 1.6.3 — uncompressed, minified
• jQuery Core 1.6.2 — uncompressed, minified
• jQuery Core 1.6.1 — uncompressed, minified
• jQuery Core 1.6.0 — uncompressed, minified
• jQuery Core 1.5.2 — uncompressed, minified
• jQuery Core 1.5.1 — uncompressed, minified
• jQuery Core 1.5.0 — uncompressed, minified
• jQuery Core 1.4.4 — uncompressed, minified
• jQuery Core 1.4.3 — uncompressed, minified
• jQuery Core 1.4.2 — uncompressed, minified
• jQuery Core 1.4.1 — uncompressed, minified
• jQuery Core 1.4.0 — uncompressed, minified
• jQuery Core 1.3.2 — uncompressed, minified, packed
• jQuery Core 1.3.1 — uncompressed, minified, packed
• jQuery Core 1.3.0 — uncompressed, minified, packed
• jQuery Core 1.2.6 — uncompressed, minified, packed
• jQuery Core 1.2.5 — uncompressed, minified, packed
• jQuery Core 1.2.4 — uncompressed, minified, packed
• jQuery Core 1.2.3 — uncompressed, minified, packed
• jQuery Core 1.2.2 — uncompressed, minified, packed
• jQuery Core 1.2.1 — uncompressed, minified, packed
• jQuery Core 1.2.0 — uncompressed, minified, packed
• jQuery Core 1.1.4 — uncompressed, packed
• jQuery Core 1.1.3 — uncompressed, packed
• jQuery Core 1.1.2 — uncompressed, packed
• jQuery Core 1.1.1 — uncompressed, packed
• jQuery Core 1.1.0 — uncompressed, packed
• jQuery Core 1.0.4 — uncompressed, packed
• jQuery Core 1.0.3 — uncompressed, packed
• jQuery Core 1.0.2 — uncompressed, packed
• jQuery Core 1.0.1 — uncompressed, packed
• jQuery Core 1.0.0 — uncompressed, packed

jQuery UI 1.10

uncompressedminified

Themes

black-tieblitzercupertinodark-hivedot-luveggplantexcite-bikeflickhot-sneakshumanityle-frogmint-chocovercastpepper-grinderredmondsmoothnesssouth-streetstartsunnyswanky-pursetrontasticui-darknessui-lightnessvader

Previous Releases

• jQuery UI 1.10.3 — uncompressed, minified, theme
• jQuery UI 1.10.2 — uncompressed, minified, theme
• jQuery UI 1.10.1 — uncompressed, minified, theme
• jQuery UI 1.10.0 — uncompressed, minified, theme
• jQuery UI 1.10.0-rc.1 — uncompressed, minified, theme
• jQuery UI 1.10.0-beta.1 — uncompressed, minified, theme