Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google
jQuery – это замечательный JavaScript Framework, который подкупает своей простотой в понимании и удобством в использовании. Jquery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.
Для того чтобы работать с этой замечательной библиотекой её необходимо подключить к Вашей странице. Это можно сделать несколькими способами:
- Загрузка библиотеки со своего сервера
- Загрузка библиотеки с репозитория Google
На первом варианте я вообще останавливаться не буду, а хочу поговорить о втором.
Дело в том, что у Google есть такая замечательная штука как Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка библиотеки jQuery с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.
Это достигается за счет того, что библиотека будет загружена с географически ближайшего к пользователю сервера, кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова. Поэтому если Вам необходимо подключить библиотеку jQuery на Ваш сайт, то всегда загружайте её с Google Libraries.
Это можно сделать 2 способами:
- Подключение jQuery напрямую с Google Libraries
- Загрузка jQuery с использованием google js api
Подключение jQuery напрямую с Google Libraries
Для этого используется следующий путь:
http://ajax.googleapis.com/ajax/libs/jquery/[номер версии]/jquery.min.js
например так:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Загрузка jQuery с использованием google js api
<script src="http://www.google.com/jsapi"></script> <script> // загружаем jQuery google.load("jquery", "1.6.2"); </script>
Второй способ требует дополнительных телодвижений, поэтому я всегда использую первый способ.
У Вас наверное возник вопрос:
«А что делать если сайт Google будет не доступен?»
Хоть это и мало вероятно, но решение все же есть. Если мы не можем получить библиотеку jQuery с Google, то мы загрузим её со своего сайта. Для этого используется следующий код:
<script type="text/javascript"> window.jQuery || document.write('<script type="text/javascript" src="js/jquery-1.6.2.min.js"><\/script>'); </script>
Естественно библиотека jQuery должна присутствовать на Вашем сервере. В данном примере мы загружаем библиотеку jQuery по адерсу js/jquery-1.6.2.min.js
Вот так просто можно увеличить скорость загрузки Вашего сайта. Пользуйтесь!
-
Комментарии (10)
- Сайт