Я Веб-мастер

Несколько вещей об Ajax, которые должен знать веб-мастер

ProstoiChelovek — Tue, 13 May 2008 22:15:26 +0200

AJAX (от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — это подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся более быстрыми и удобными.

По-английски AJAX произносится как эй-джэкс, по-русски довольно распространено ая́кс.

Вроде бы всё красиво, но есть несколько подводных камней, о которых я вам ниже и расскажу.

Ajax - это не просто акроним, это идея

Хотя Ajax и является акронимом от «Асинхронный JavaScript и XML», это не раскрывает его идеологию. Ajax – это идеология, которая гласит, что для работы серверного веб-приложения, совсем не обязательно перезагружать всю страницу, бесполезно гоняя данные от сервера к клиенту и обратно. Использование Ajax’a позволяет сделать веб-приложение более гибким и современным, позволяя пользователям работать с веб-приложением более продуктивно и удобно.

Это действительно JavaScript

Ajax-приложения пишут на JavaScript и, как правило, используют объект XMLHttpRequest для передачи данных (для браузеров от MS - ActiveXObject(Microsoft.XMLHTTP) - ничего не поделаешь). Объект XMLHttpRequest был одобрен World Wide Web Consortium. Поскольку технология получила широко распространение относительно недавно, то никакого общего стандарта нет, и как следствие - разные браузеры могут по разному понимать Ajax или просить особо подхода, яркий пример чего - это браузеры от MS. Для более глобальной совместимости можно использовать другие технические решения, к примеру фреймы, кукисы, Java-аплет или Flash. Однако если фреймы и куки не всегда справляются с возложенной задачей, то Java-аплет или Flash слишком тяжеловесны. Вы когда-нибудь в страшном сне представляли админку WordPress’a сделанную полностью на флеше?

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

Разработчики, которые считают JavaScript второсортным или вредным языком, избегают его как только могут. Однако если перед вами стоит задача написать Ajax-приложение, вам всё равно придётся использовать JavaScript. Аналогией могут служить разве что Java-аплеты или Flash.

Ajax очень интерактивен, потому при ошибках проектирования приложения или кодинга, могут возникнуть проблемы. Ajax принял в наследство все правила хорошего тона от JavaScript, все правила и запреты - это касается написания, отладки и тестирования уже готового приложения.

XML вовсе необязателен

Не смотря на то, что «X» в акрониме Ajax пошла именно от XML, его использование вовсе необязательно. Вполне допустимо использовать просто текст, предположим, с разделителями, а то и просто куски HTML кода (что я и делаю, в общем-то, скрипт, к которому отправлялся запрос генерирует готовый кусок кода, который просто заменяет предыдущий код). А ещё кто-то использует YAML разметку.

XMLHttpRequest пока плохо работает с бинарным форматом данных, в отличие от Flash. Но скоро такая ситуация, как мне кажется, будет исправлена. Уже сейчас есть фиксы, костыли - но всё не то.

Как вывод - проанализируйте, какой формат данных в вашем случае удобней и быстрее обрабатывается. К примеру для несложных манипуляций замечательно подойдёт YAML или CSV, а XML будет излишне толстым :)

Рассчитывайте и планируйте увеличение HTTP запросов

Самая очевидная проблема для веб-мастера заключается в том, что что веб-приложение отныне будет отсылать не пару сотен килобайт раз, к примеру, в 10 минут, а более часто более мелкими объёмами. На деле это означает возможность возникновения задержек в обработке Ajax-запросов и усиления нагрузок на веб-сервер. Это следует учитывать ещё на уровне проектирования Ajax-приложения.

Оптимизируйте Ajax-запросы аккуратно

Не переусердствуйте, потому как оптимизация запроса в итоге даст вам минимальный выигрыш в скорости отправки-получения запроса. Лучше включите компрессию на стороне сервера. Все современные браузеры это поймут и оценят.

Однако есть решение лучше - кеширование запросов. Причём не утруждайте себя изобретением велосипеда с попыткой закешировать это на строноне клиента - кешируйте прямо на сервере. Ajax-приложение выйграет от этого много больше, чем от сжатия.

Помните о максимальном количестве соединений

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

Следите за полученными ответами

В традиционном веб-приложении, разработчики обычно не заморачиваются порядком получения данных пользователями. Да по сути, это и не нужно. Ajax такого не любит. Важно соблюдать очерёдность «отправка-приём-обработка полученного», иначе могут возникнуть совсем неожиданные проблемы.

Внимательно следите за ошибками

Уже много лет пользователи, при проблемах с отображением страницы нажимают кнопку «Назад» в браузере. В современных Ajax-приложениях это тоже важно. Ведь обычной gif картинки недостаточно для определения состояния запроса.

При возникновении ошибки отправляйте себе нотисы, для их анализа и ликвидации ошибок и проблем. А пользователю выведите что-нибудь дружелюбное после определённого времени. Стоит также признать, что современные JS/Ajax фреймворки не умеют нормально работать с тайм-аутом.

Старая сказка о безопасности

На самом деле Ajax-приложение так же безопасно, как и традиционное. Заголовки одинаковы, средства и способы коммуникации - тоже одинаковы. Хотя стоит отдельной строкой уделить внимание некоторым вещам, ведь классические ошибки могут спокойны стать наследством Ajax-приложения.

Это XSS - сам по себе он не является новинкой, просто с распространением Ajax-приложений начал набирать популярность. Как минимум фильтруйте любой HTML код, приходящий от пользователя. Так же проверяйте HTTP Referer - ибо это важно.

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

Этот текст является вольным переводом с правками и дополнениями статьи 10 things IT needs to know about Ajax.

источник: http://absolvo.ru/

Я Веб-мастер

Регистрация доменов или как бороться с киберсквоттингом?

Glavnuk — Tue, 06 May 2008 13:33:05 +0200

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

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

Киберсквоттинг (cybersquatting) – это вид Интернет-бизнеса, связанный с куплей-продажей, перепродажей, спекуляцией доменными именами. Слово «сквоттинг» произошло от английского «squatting», которое переводится как заселение на чужой земле, незаконное поселение, т.е. – захват чужой территории.

Существует «белый» киберсквоттинг, когда сквоттер выкупает чужие домены за деньги или регистрирует за свой счёт новые доменные имена, которые, возможно, в будущем будут представлять собой коммерческую ценность и будут пригодны для перепродажи за большие деньги.

В странах бывшего СССР процветает буйным цветом «серо-черный» киберсквоттинг, когда мошенники взламывают и воруют чужие пароли от NIC-handle владельца домена, а подавляющее большинство хостеров не брезгуют воровать домены у своих клиентов, как обычные воры.

Когда клиент подает заявку на регистрацию оригинального, и ещё незанятого доменного имени, компания, оказывающая хостинговые или регистраторские услуги, редко удерживается от соблазна зарегистрировать домен не на себя, а на клиента. Как правило, в административных данных о владельце домена вороватые регистраторы указывают личные данные компании или частного предпринимателя - хостера, вместо данных заказчика.

Проверить информацию о владельце домена в российских зонах можно по адресу - http://www.ripn.net:8080/nic/whois/, а о собственниках доменов, расположенных в украинских зонах - http://hostmaster.net.ua/.

В Украине зарегистрировать домен можно только через посредников регистратора – хостинговые компании, а вот в России доменное имя можно заказать и напрямую у регистратора, что намного безопаснее, чем сотрудничество через посредников.

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

Как можно защититься от воров доменных имен? Очень просто, и одновременно, - сложно: нужно подать иск в суд о незаконном присвоении интеллектуальной собственности и хищении прав на доменное имя. Российская судебная практика уже имеет достаточно много прецедентов по спорам о доменных именах. В отличие от соседей, у украинцев пока ещё не было ни одного судебного процесса по поводу кражи доменов регистраторами.

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

Только «потерпевшие» веб-дизайнеры, годами раскручивающие тот или иной домен, знают, как обидно бывает однажды узнать, что хостинг-провайдер, эдакая сволочь, является официальным владельцем твоего сайта. Доказать что-либо через несколько лет практически нереально. Кто поверит, что пару лет назад регистратор на вопрос, кто же зарегистрирован в качестве владельца домена, ответил, что это неважно и он в любой момент перерегистрирует домен на веб-мастера? Да никто! И Вы не верьте в такую чепуху.

Поэтому после регистрации домена, сразу же проверяйте на вышеприведенных сайтах, кто записан владельцем доменного имени. Если не Вы, значит, остается либо смириться с потерей домена и попробовать зарегистрировать доменное имя у более порядочного регистратора, либо подать запрос в арбитраж Вебмани или оставить претензию на WMID хостера, если расчеты производились через эту платежную систему, либо собирать квитанцию о проплате за конкретный домен, договор (если есть), делать принтскринты публичной оферты хостинговой компании и её рекламы на сайте, добывать сведения о названии компании или Ф.И.О. ЧП, поставляющего хостинг, и его адресе и подавать иск в суд по месту Вашего жительства или по адресу местонахождения хостера.

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

Рекомендую напрячься на сайтах, пестрящих объявлениями об очередной акции, предлагающих домены по бросовой, ниже среднерыночной, цене. Точняк, что тут кинут. Народ не любит, когда его за лоха держат, и бежит пачками от регистраторов-мошенников. А те никаких денег не жалеют на привлечение новых «лопушков», и по контекстной рекламе себя пиарят, и баннеры выкупают на «рыбных» местах, и на форумах сами себя нахваливают. А потом затраченные на рекламу средства «возмещают» за счет зарегистрированных на свое имя, но оплаченных заказчиками доменов.

Хорошие регистраторы не нуждаются в рекламе, «притянутой» за уши. Слухи о честном хостинг-провайдере и регистраторе, надёжная репутация - вот мощный магнит привлечения новых, а главное – удержания «старых» клиентов, и клиентов клиентов, и их друзей.

Поэтому перед выбором регистратора потратьте денёк-другой, изучите отзывы пострадавших (например, на сайтах http://www.hostobzor.ru/, http://karman.com.ua/forum/), облазьте Интернет в поисках плохих и хороших отзывов о сайтах-хостингах, и делайте выводы только после тщательного анализа и фильтра полученной информации.

Действительно хороший регистратор предложит своим клиентам понятную, а не понтовую, панель управления и трансфера доменов, и даже вышлет договор о регистрации доменного имена на Ваш почтовый адрес.

Многие веб-мастера боятся указывать свои реальные данные для регистрации домена. А зря. Интернет рынок стран СНГ развивается семимильными шагами, и если Вы не воруете чужие материалы с других сайтов, не занимаетесь порнографией, пропагандой насилия и другой противозаконной деятельностью, а тихо-мирно клепаете на своем сайте собственные уникальные статейки и фотки, то к Вам подкопаться – практически нереально, так же, как и «отбить» домен у реального владельца, соблюдающего антихакеровские меры предосторожности. Намного легче отвоевать и перехватить уже раскрученный домен-бренд, зарегистрированный на Ивана Ивановича Иванова, паспорт № 111111, город Город, улица Улица, без номера дома и квартиры.

Беспочвенный страх способен лишить потенциальных миллионеров их интеллектуальной собственности, несущей золотые яйца. А вообще нам, господа веб-мастера, уже пора создать собственную партию или общественное движение, которое бы грамотно и целенаправленно защищало нас от произвола оборзевших регистраторов и хостинг-провайдеров. Они – богатые, а нас – много! Еще неизвестно, кто кого…

Я Веб-мастер

7 полезных инструментов, которые помогут повысить посещаемость вашего ресурса

ProstoiChelovek — Tue, 29 Apr 2008 21:13:25 +0200

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

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

Вот основные вопросы, которые следует задать себе, если вы решили правильно подойти к настройке интерфейса вашего ресурса:

- На виду ли важная информация?

- Удобно ли расположены элементы навигации?

- Логично ли организован сайт?

- Достаточно ли быстро загружаются страницы?

Мы же тем временем предлагаем вашему вниманию несколько крайне полезных инструментов, которые помогут вам в оптимизации дизайна вашего веб-ресурса.

1. ClickHeat

ClickHeat — это визуальный плагин с открытым кодом, предназначенный для отображения «горячих» и «холодных» зон, т.е. он показывает те места страницы, где юзеры наиболее активны и, соответственно, те, которые не посещаются вовсе.

Приложение очень легко «прикручивается» к вашему сайту. Единственное, что вам придётся сделать, так это добавить на сервер ещё один внешний файл JavaScript.

Скачать: Clickheat on SourceForge.net.

2. Crazy Egg

Crazy Egg предлагает вам огромное количество инструментов для мониторинга того, чем сейчас занимаются посетители.

Из особенностей Crazy Egg можно отметить следующие. Сonfetti — инструмент, который позволяет увидеть по каким разделам ходит посетитель и на какие ссылки он нажимает. При этом плагин учитывает такие факторы, как операционная система посетителя и откуда он забрёл на сайт. Overlay даст вам уйму информации непосредственно о ссылках. И также надо отметить инструмент Report sharing, который позволяет выкладывать в общий доступ полученную информацию.

Во freeware-версии разрешено за раз отслеживать лишь 4 страницы. Впрочем, большинству и этого будет достаточно, чтобы смотреть за активностью на основных разделах.

3. YSlow for Firebug

Словосочетание «хороший дизайн» подразумевает под собой не только логично и красиво представленную структуру, но и быстрый доступ к содержанию ресурса — временные задержки между кликом и загрузкой страницы должны быть минимальными.

YSlow for Firebug — бесплатное дополнение для браузера Mozilla Firefox, которое даёт вам информацию обо всех элементах интерфейса, а с помощью шкалы оценок от A до F плагин оценит их работоспособность и также выявит все слабые места на странице.

Дополнение разрабатывалась с учётом советов, данных в уроке Best Practices for Speeding Up Your Web Site от Yahoo! Developer Network.

Скачать: Firebug extension для Firefox и YSlow.

4. clickdensity

clickdensity представляет собой полный комплект инструментов для анализа эффективности и удобства работы с вашим сайтом.

К примеру, вкладка heat map показывает наиболее посещаемые места, а hover maps — наведения курсором на ссылку (в случаях, когда пользователь всё же не решился нажать на неё). Утилита A/B Tests даст вам возможность поменять определённые элементы интерфейса, чтобы настроить внешний вид именно так, как, по вашему мнению, он был бы наиболее эффективен.

Бесплатно вам предоставляются анализ только 5000 кликов, а проводить мониторинг и анализировать посещаемость можно будет только на одном сайте.

5. ClickTale

ClickTale также обеспечит вас информацией о том, как посетители используют ваш ресурс.

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

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

6. Clicky

Наверное, главной особенностью Clicky является возможность мониторинга в реальном времени с помощью инструмента Spy (демо-версию можно скачать отсюда).

А кроме Spy, присутствует возможность получать информацию о количестве нажатий на ссылки (Actions) и также узнавать количество посетителей (Visitors).

7. Google Analytics

Пальму первенства, по мнению многих сайтовладельцев, удерживает сервис от компании-титана в мире интернета — Google. Утилита носит название Google Analytics. Устанавливается она, как говорится, без шума и пыли, а количество предоставляемой информации если не поразит воображение, то уж точно оставит вас довольными.

С помощью функции Site Overlay посещаемость разделов представляются визуально — в виде полосок. Также предлагается bounce rates — показатель «ненужных просмотров», после которых страница сразу же закрывается без дальнейших переходов.

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

Источник: CyberStyle.ru

Я Веб-мастер