Блог вебмастера » ajax

Клиентская оптимизация / Ускорение загрузки AJAX приложения, + предзагрузка изображений

admin — Tue, 13 Oct 2009 12:04:02 +0000

Всё началось с создания сложного AJAX приложения с применением java технологий GWT, GXT, Spring, Hibernate, Terracota, AndroMDA, ActiveMQ и множеством других волшебных звуков за которыми прячется вся мощь и могущество java технологий создаваемых десятками тысяч гениальнейших программистов уже второе тысячелетие подряд …

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

Входные данные: размер текстовых данных js, css, xml, html, images коло ~1,2MБ(+ флэш), время загрузки в Москве более полутора минут, при хождении по ссылкам заметное время(1-15 секунд) на загрузку картинок, при повторном обращении картинка загружалась повторно.

Читать дальше →

.NET / Deep Zoom, асинхронная загрузка файлов в обновленном AJAX Control Toolkit

admin — Thu, 01 Oct 2009 16:13:30 +0000

Обновился ASP.NET AJAX Control Toolit, который стал еще более мощным средством для создания AJAX веб-приложений.

Читать дальше →

Ajax / MS Doloto: оптимизация загрузки Ajax-приложений

admin — Wed, 09 Sep 2009 11:41:40 +0000

В MSDN DevLabs выложили программу Doloto, предназначенную для оптимизации любых Ajax-приложений. В соответствии со своим названием, Doloto отсекает код до необходимого минимума, так что приложение быстрее загружается клиенту и быстрее начинает выполняться.

Программа анализирует исходники и выделяет тот фрагмент кода Javascript, который непосредственно необходим для инициализации программы. Профилирование функций осуществляется на клиентской машине через локальный прокси-сервер http://localhost:8888 во время исполнения Ajax-приложения в браузере. При этом все «ненужные» функции помечаются метками (таймстампы). Прямо на клиентской машине генерируется оптимизированный код Ajax-приложения, в котором «ненужные» функции заменяются маленькими заглушками. Этот код потом будет загружаться в фоновом режиме или по мере необходимости, уже после инициализации основного скрипта. Оптимизированный код сохраняется на жёстком диске клиентского компьютера. Таким образом, можно оптимизировать чужие приложения, даже не имея доступа к их серверам, см. Doloto FAQ.

Программку протестировали на популярных Ajax-интерфейсах и получили впечатляющий результат.

Читать дальше →

JavaScript / MooTools — AJAX + document.write

admin — Wed, 24 Jun 2009 21:17:28 +0000

Наконец кто-либо из «библиотек-гигантов» решил внедрить корректную обработку document.write при использовании AJAX. MooTools Core Dev Thomas Aylott демонстрирует алгоритм переопределения document.write.

Использование данного алгоритма позволит в AJAX осуществлять подгрузку HTML страниц со скриптами содержащими document.write. Такими могут быть страницы с Google AddSense, страницы содержащие JavaFX, другие.

Из анализа алгоритма вытекает

Читать дальше →

Web-разработка / Пуш ми, бум-бум, тач ми… Ajax Push Engine

admin — Fri, 29 May 2009 11:39:22 +0000

Сегодня поговорим о Comet и о server push вообще.

Обычные веб-приложения, как и сайты, работают по традиционной модели запрос-ответ-запрос, при этом, в силу особенностей HTTP-протокола и некоторых серверных реализаций обработчиков, приложение не хранит информацию между запросами, так что каждый вызов является независимым, а идентификация или сессионность обеспечиваются более высокоуровневыми средствами (например, всем известная реализация сессий в PHP). Кроме этого, запрос на новую информацию посылает всегда клиент, который заинтересован в получении самой актуальной версии данных. В приложениях, которым критично обновление, это часто становиться узким местом. У нас в одном из предыдущих проектов, было сразу несколько периодических AJAX-запросов на обновление данных. Хотя для такого случая есть варианты и вызова нескольких обработчиков на стороне сервера одним запросом от клиента.

Читать дальше →

.NET / Ссылка Обновился AJAX Control Toolkit

admin — Thu, 14 May 2009 11:09:50 +0000

Пожалуй, самое интересное обновление этого тулкита. Добавлены новые элементы управления: HTML-редактор(!), combobox и color picker. Исправлено более 20 багов.

SQL-инъекция в MyioSoft Ajax Portal (3)

admin — Tue, 28 Apr 2009 12:55:00 +0000

Удаленный пользователь может выполнить произвольные SQL команды на системе. …

Ajax / Ссылка Общий взгляд на Dojo Toolkit

admin — Tue, 21 Apr 2009 11:06:38 +0000

Dojo Toolkit — это AJAX фреймворк, развиваемый Dojo Fundation и нацеленный на нишу серьезных проектов, где вам может потребоваться все — от обычных манипуляций с DOM до работы с Jabber/XMPP. При этом, Dojo пытается сохранить свою основу, обладая одним из самых компактных и мощных базовых наборов классов, все остальное доступны опционально. Поскольку знание конкретных функций вам особой пользы не принесет, я сосредоточусь далее на описании базовой архитектуры и возможностей.

Ajax / Fly AJAX — пишите меньше, имейте больше. Нестандартный AJAX и индексация поисковиками.

admin — Sat, 14 Mar 2009 22:54:36 +0000

Обсуждение предыдущей статьи было бурным. Самые ярые любители jQuery, Mootools кричали зачем мол нужен другой велосипед.

В данной статье мы рассмотрим использование техники Fly AJAX. Это одна из нескольких функциональных возможностей, которые не реализованы в ранее указанных больших (и мною уважаемых) фреймворках. Также, в данной статье, мы рассмотрим принципы правильного проектирования и построения сайтов для хорошей индексации с применением AJAX технологии.

Читать дальше →

Ajax / Полный AJAX. Теория и Примеры. Фишки и Фичи.

admin — Sat, 07 Mar 2009 21:44:00 +0000

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

Наибольшие трудности при построении сайтов c применением AJAX возникают при реализации механизма AHAH (Asynchronous HTML and HTTP). Особенно выполнение на лету подгружаемых Javascript-ов. Также есть куча дополнительного «гемороя» при разработке AJAX сайтов и веб-приложений. Вы можете ознакомится с детальным описанием некоторых существующих проблем. Из-за указанных сложностей, многие разработчики отказываются от более насыщенного внедрения AJAX.

Однако, мало кто знает, что перечисленные проблемы можно решить.

Читать дальше →