Лучший способ для связи с JQuery файлы

Question

Является ли это лучше, с точки зрения производительности сайта/скорости, ссылки на официальный JQuery, как это:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

или поместить файлы на сервере и ссылки на них оттуда вот так:

<script src="js/jquery-1.9.1.js"></script> 

Answer 1

Это зависит от того, у кого есть более быстрый сервер, не так ли? :)

Есть несколько преимуществ с code.jquery.com:

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

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

Answer 2

Вообще говоря, с помощью CDN (например, code.jquery.com) будет иметь возможность доставить файлы пользователей быстрее, чем ваши собственные серверы - это то, что они существуют!

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

Answer 3

В первом случае вы ссылаетесь на библиотеку через удаленный URL-адрес, а во втором случае он локально доступен на сервере.

Так что это зависит от многих факторов. Наконец, о том, как далеко ваш конечный пользователь от URL-адреса jquery. Пользователь может быть ближе к хосту или хосту jquery. Также это будет зависеть от того, какой из них обслуживает запрос наиболее эффективно.

Answer 4

Как уже упоминалось, местный резерв всегда является хорошей идеей, но вы также должны соответствующим образом установить IE для версий, отличных от IE. Что-то простое, как это следует сделать трюк:

<!--[if lt IE 9]> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js""></script> 
<![endif]--> 
<!--[if gte IE 9]><!--> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<!--<![endif]--> 

<script> 
    if (!window.jQuery) { 
     document.write('<script src="/path/to/your/jquery"><\/script>'); 
    } 
</script> 

Первой часть является условным, если для JQuery построен с обходными для старшего IE против более быстрого, более эффективной версии JQuery 2.0. Это использует CDN Google, поскольку у него есть версии http и https, тогда как code.jquery.com имеет только http. Если https не вызывает беспокойства, то, скорее всего, CDN code.jquery.com быстрее.

Вторая часть проверяет, было ли создано window.jQuery, а если нет, используйте локальную версию.

Преимущества использования версии CDN и локальной версии - это просто скорость. Мало того, что их пропускная способность сервера намного больше (МНОГО) больше, чем ваша, большинство браузеров ранее пользовались этой версией и хранили ее в кеше, поэтому браузеру не нужно ее повторно загружать.

Answer 5

Лучший способ прикрепить JQuery (или любую библиотеку, которая обмена Google CDN) является:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> 

Этот код ссылки JQuery из CDN (этот способ лучше, потому что пользователь может УЖЕ этот JQuery версии в. кеш браузера). После этого проверки кода jQuery успешно загружен (возможно, CDN был опущен или что-то еще ...), и если он не прикрепляет локальную версию jQuery lib к вашей странице.

Этот код используется в html5 boilerplate.

Answer 6

Я предпочитаю использовать googleapis:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> 

здесь why.