12.09.2012 

Ускорение блога, грузим jQuery с Google 8]

Привет, дорогой друг!

Вот уже наверное в 1000-ный раз я открываю гугл и ввожу "jquery google", чтобы подключить к очередному разрабатываемому проекту библиотеку jQuery. Пора бы уже и на своем блоге это написать!

"jquery google" я ввожу, чтобы узнать ссылку на эту библиотеку в специальном хранилище Google.

Дело в том, что корпорация Зла Google, четко следуя своей миссии "ускорять веб", создала специальное хранилище для различных библиотек. Ну, а библиотека jQuery являясь самым популярным javascript фреймворком, туда естественно попала.

Каждый толковый сайт грузит jQuery не с собственного хостинга или CDN, не с сайта jQuery, а непосредственно из хранилища Google.

Это очень просто:

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

В данном хранилище тебе доступны следующие версии библиотеки jQuery: 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

Вот другой вариант подключения этого же файла:


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// укажи здесь другу версию, если нужно
google.load("jquery", "1.8.1");
google.setOnLoadCallback(function() {
// здесь код твоих скриптов
});
</script>

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

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

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

Еще одно преимущество данного способа заключается в том, что ты получаешь jQuery от Googl'а в уже сжатом gzip виде. И следовательно получаешь 26kb вместо 76kb (для версии 1.4.3), что является сокращением на ~60%.

Кстати, как я уже упоминал выше, из гуглохранилища можно грузить не только jQuery.

Вот, что еще можно грузить с хранилища Google:

  • AngularJS
  • Chrome Frame
  • Dojo
  • Ext Core
  • jQuery UI
  • MooTools
  • Prototype
  • script.aculo.us
  • SWFObject
  • WebFont Loader

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

Если вдруг сервера всемогущего Google упадут, то jQuery конечно с него не загрузиться, и несмотря на то, что вероятность этого события крайне мала, вот тебе решение и на этот случай (вставлять после кода подключения с гугла):

<script>
if(!window.$){
 document.write('<script type="text/javascript" src="директория с  jquery на твоем хосте"></script>');
}
</script>

Вывод

Используй на своем сайте хранилище Google или, как вариант, хранилище Яндекса и с вероятностью в 98% ты получишь ускорение для своего проекта.

Напиши в комментариях к этой записи, как давно ты узнал про этот +1 к ускорению сайта, и если уже внедрил, то не боишься, что сервера гугла упадут? 😀

[ Прочитайте комменты ниже или напишите свой... ]

Ищете хостинг для своего сайта? Могу порекомендовать свой (нажмите здесь)

Комментариев пока нет.