Ускорение блога, грузим 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 к ускорению сайта, и если уже внедрил, то не боишься, что сервера гугла упадут? 😀
[ Прочитайте комменты ниже или напишите свой... ]