Когда базы данных и сервер настроены, запросы оптимизированы, все кеши включены, какие возможности остались для ускорения сервиса? Последний уровень абстракции, пользовательский интерфейс, позволяет добиться прироста скорости практически из ничего. Эти три несложных рецепта помогут не только ускорить сайт в несколько раз, но и добавят в него несколько удобных плюшек. В первой части мы вместе без лишних сложностей переведем сайт на примитивную ajax-навигацию. Во второй добавим предзагрузку страниц при наведении курсора мыши и просто в фоне. Преодолеем скорость звука? Прыгаем!
Рубрика «ajax» - 11
Ускоряем сервис с клиентской стороны в несколько раз. Ajax + предзагрузка в фоне + при наведении курсора
2012-10-16 в 9:42, admin, рубрики: ajax, Блог компании Luxoft, Веб-разработка, Клиентская оптимизация, предзагрузка страниц, ускорение сайта, метки: ajax, предзагрузка страниц, ускорение сайта
Опыт создания системы навигации на Ajax
2012-10-12 в 15:50, admin, рубрики: ajax, jquery, php, Веб-разработка, юзабилити сайтов, метки: ajax, jquery, PHP, юзабилити сайтовМеня всегда интересовало, почему при разработке сайтов, так редко в системе навигации используется Ajax? Ведь преимущества по-моему очевидны! Сайт на аякс работает в разы быстрее любого обыкновенного сайта, и даже если учитывать кэш браузера, это заметно.Читать полностью »
Реализация пошаговой работы PHP-скрипта с помощью AJAX
2012-10-05 в 11:52, admin, рубрики: ajax, javascript, php, метки: ajax, javascript, PHPИскал более-менее простое и универсальное средство для организации пошаговой работы скрипта, но так ничего и не нашел. Даже вопрос в QA задал, везде только общие фразы. Поэтому решил сам сделать такой инструмент.
Для чего это вообще нужно?
Бывает необходимо обработать скриптом какой-то очень уж большой файл, например, для импорта. Естественно, время работы скрипта увеличивается пропорционально размеру файла или количеству строк в нем.
Хотелось бы разбить обработку файла на несколько частей и запускать скрипт в работу уже по частям.
Принцип реализации давно известен — обмен данными между сервером и клиентом:
Клиент запускает скрипт, тот выполняет несколько итераций и возвращает клиенту номер строки, на которой он остановился. После этого клиент делает новый запрос, в котором передает скрипту этот номер и скрипт продолжает работу дальше.
Читать полностью »
Eviterra.com – умная форма бронирования и приятные мелочи
2012-09-13 в 11:15, admin, рубрики: ajax, eviterra, авиабилеты, Блог компании Eviterra, бронирование, интерфейсы, формы, электронная коммерция, метки: ajax, eviterra, авиабилеты, бронирование, интерфейсы, формыПривет!
Новости конечно не прямо вот чтоб breaking, как например наша карта цен или новый интерфейс, но тоже интересно.
Недавно мы переделали форму бронирования на Эвитерре — теперь количество пассажиров можно определить не на этапе поиска (как у всех), а еще и на этапе бронирования и оплаты (такого нет почти ни у кого).
DoJo — JavaScript нового поколения
2012-09-06 в 20:09, admin, рубрики: ajax, dojo, html, javascript, метки: ajax, dojo, javascript 
Заглянем на новую и очень мощную библиотеку такая как Dojo. Сначало определение. Dojo — свободная модульная библиотека на JavaScript. Это подобие движка jQuery, только теперь работающий на много быстрей. На данный момент разработчики выпустили новую версию — 1.8.0
Читать полностью »
Обзор JS-фреймворков. Путешествие через джунгли JavaScript MVC. Ч. 2
2012-08-20 в 7:29, admin, рубрики: ajax, AngularJS, backbone, CanJS, Cujo.js, dojo, ember, extjs, javascript, JS library, knockout, mvc, Веб-разработка, фреймворк 
(Окончание перевода статьи Эдди Османи о сравнении и выборе библиотеки для проекта со значительной ролью JS на клиенте.)
Содержание первой части:
■ Что такое MVC или, лучше сказать, MV*?
■ Когда нам нужен MV*-фреймворк JS?
■ Где же мы будем нуждаться в MV*, а где нет?
■ Проблема выбора: слишком много вариантов?
■ TodoMVC: общее приложение для обучения и сравнения
■ Предложенные нами критерии выбора фреймворка
■ Dojo и усложнение фреймворков на JavaScript
■ Коллекция TodoMVC (фреймворки, на которых сделаны реализации тестового приложения Todo)
Читать полностью »
Эксперимент со страницей результатов поиска
2012-08-13 в 11:07, admin, рубрики: ajax, css 3, css3, deploy, history api, javascript, Блог компании Яндекс, яндекс, метки: ajax, css 3, css3, deploy, history api, javascript, яндексСтраница результатов поиска — одна из самых популярных страниц Яндекса. Её загружают около 130 миллионов раз в день. Это при среднем размере страницы в 25КБ дает нам 3ТБ трафика в сутки.
Несмотря на кажущуюся простоту, за тем, из чего состоит эта страница, — огромная работа большого количества людей и много сложных технологий.
Развивая интерфейсы, обычно мы идём по эволюционному пути, меняем страницу поэтапно. Проверяем наши решения, внедряя их на небольшой процент пользователей, — проводим эксперименты. Нас уже не устраивают небольшие изменения: хотим развивать продукт, построив новую технологическую платформу, на которой в будущем будем реализовывать свои проекты.
Сегодня мы начинаем эксперимент с новой страницей результатов поиска. И для этого мы выбрали нашу площадку для тестирования поиска по мировому интернету — yandex.com. Читать полностью »
Маринад.js — фреймворк для работы с хеш-частью страницы
2012-08-02 в 15:30, admin, рубрики: ajax, hash, javascript, jquery, JS, библиотека, интерфейс, хеш, метки: ajax, hash, jquery, библиотека, интерфейс, хеш 
Здравствуйте! Представляю вам фреймворк для работы с хеш-частью URL marinad.js! Благодаря ему создание сайтов на ajax-технологиях упростится в разы, ведь теперь можно будет обновлять URL и получать оттуда переменные без перезагрузки страницы! О том, как сие чудо работает подробно расписано под катом:
Читать полностью »
Подмена XMLHttpRequest или как не трогая тонны готового js-кода изменить поведение всех ajax-запросов
2012-07-20 в 7:04, admin, рубрики: ajax, javascript, xmlhttprequest, метки: javascript, xmlhttprequestЗдравствуйте, в этой маленькой заметке расскажу немного про ООП в JS, объект XMLHttpRequest, паттерн прокси, и дружелюбие джаваскрипта в этом плане.
Была у меня сегодня такая задача — есть проект, который довольно активно использует ajax-запросы, но вот проблема — бекенд у нас так устроен, что разаутентифицирует пользователя, если тот не активен в течение, скажем, полу часа. В итоге случалось такое, что пользователь, пытаясь совершить какое-то действие, которое использует аякс, не мог его совершить (уж извините за тавтологию), нужно было решить эту проблему.
Читать полностью »
Загрузка файлов на чистом nginx
2012-07-16 в 9:30, admin, рубрики: ajax, nginx, upload, Веб-разработка, метки: ajax, nginx, upload Захотелось мне написать файлообменник (для личных нужд, с нуля), да не простой, а с красивым прогресс-баром, — с отображением процесса загрузки файлов на сайт.
И остановился я на чисто серверном решении nginx с модулями nginx-upload и nginx-upload-progress.
nginx не нуждается в описании; nginx-upload управляет процессом загрузки данных, который затем может передать результат на бэкенд, — ваш PHP скрипт (или еще куда); nginx-upload-progress же отвечает исключительно за информирование о процессе загрузки, — все написано в документации, но в кратце лишь скажу, что со страницы выполняется ajax-запрос на сервер со специальным http-заголком, в котором хранится уникальный id, и в json-ответе по этому id мы можем узнать состояние загрузки данных.
Но а теперь, хочу поделиться с вами, как легко и просто организовать загрузку файлов с прогресс-баром. С нуля. Для нетерпеливых, что должно получиться: загрузка нескольких файлов сразу, определение скорости, времени и рисование самого прогресс-бара.Читать полностью »
