Генератор форм

Баннер

Для веб-мастера

Реклама


Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google

Рейтинг:
Дата: 19 октября 2011 Просмотры 27533 Комментарии 8
Увеличиваем скорость загрузки страницы загружая 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 способами:  

  1. Подключение jQuery напрямую с  Google Libraries
  2. Загрузка 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

Вот так просто можно увеличить скорость загрузки Вашего сайта. Пользуйтесь!

Оцените эту статью:



Похожие статьи
Интересно почитать

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

Реклама

Баннер

Нашли ошибку в тексте

Система Orphus
https://biznesguide.ru/coding/151.html
3,91 из 5 на основе 201 оценок.
Твиттер Facebook Google plus RSS