Osfonder's blog Just another wd weblog

22Мар/100

Используйте CDN для ускорения своих сайтов.

Создавая современный сайт или веб-приложение вы наверняка используете сторонние JavaScript библиотеки и css фрэймворки.

Самые популярные и используемые из них располагаются в CDN Google, Microsoft и Yahoo!. Это значит, что вы можете подключать их на ваших страницах прямо с серверов вышеуказанных компаний.

А следовательно посетитель, пришедший с другого сайта, который использует ту же библиотеку, с той же Content Delivery Network, не будет повторно ее скачивать и затратит меньше времени на загрузку страницы. Вы же — понизите побочный траффик своего сервера.

Ниже представлен список наиболее полпулярных библиотек с сылками в CDN.

jQuery

Последняя версия первой ветки:

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

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

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>

jQuery UI

1.7.2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

CSS для jQuery UI

jQuery Validate Plugin

1.6
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js"></script>

ASP.NET Ajax Start.js

beta 0911

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/beta/0911/Start.js"></script>

Prototype

1.6.1.0

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>

script.aculo.us

1.8.3

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>

MooTools

1.2.4

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

Dojo

1.4.1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4.1/dojo/dojo.xd.js"></script>

SWFObject

2.2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

Yahoo! User Interface Library (YUI)

2.8.0r4

<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yuiloader/yuiloader-min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/yuiloader/yuiloader-min.js"></script>

3.0.0

<script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>

Ext Core

3.1.0

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>

Chrome Frame

1.0.2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>

YUI CSS Reset

2.8.0r4

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"/>

jQuery UI Themes

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css"/>

Black Tie, Blitzer, Cupertino, Dark Hive, Dot Luv, Egg Plant, Excite Bike, Flick, Hot Sneaks, Humanity, Le Frog, Mint Choc, Overcast, Pepper Grinder, Redmond, Smoothness, South Street, Start, Sunny, Swanky Purse, Trontastic, UI Darkness, UI Lightness, Vader and Base

10Мар/104

Статистика и анализ: отслеживание переходов посетителя на внешние ресурсы

visitor tracking

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

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

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