Несколько читателей блога webo.in просили меня выложить конфигурацию связки nginx + Apache, на которой работает сервер. Хотя это и не относится напрямую к теме клиентской оптимизации. Однако, большинству специалистов, занимающихся клиентской оптимизацией, будет интересно узнать о настройке нескольких хостов для выдачи статики и пара других трюков, связанных с балансировкой запросов.

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

читать дальше на webo.in →

Моя статья на Временно.нет

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

Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.

Разные люди немного разбирались в принципе работы Google Suggest, но я переписал сжатый javascript код так, чтобы каждый обычный разработчик мог подробно узнать, как эта система работает. Моя финальная переписанная версия скрипта доступна здесь.
Я увидел самую крутую штуку, которую я видел с тех пор как обнаружил SOAP-клиент с поддержкой WSDL в браузере Mozilla. Технология предсказания запросов Google Suggest работает в реальном режиме времени. С вводом каждой новой буквы список вариантов обновляется. Скрипт технически восхитителен как минимум по двум причинам:

pChart — это PHP-библиотека для создания графиков, гистограмм и диаграмм. В отличие от большинства схожих библиотек, pChart бесплатна (распространяется под GPL лицензией). Из бесплатных главный соперник — Google Chart API.

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

Зачастую, находясь в общественном транспорте, на лекциях или где-нибудь ещё в дали от компьютера, я читаю новости и смотрю необходимую информацию на своём Pocket PC. И в основном посещаю сайты адаптированные для мобильных устройств. Однако, так уж вышло, что небезызвестный ХабраХабр расчитан лишь для пользователей полноценных ПК и открывать хабр с «карманника» дело мучительное и долгое.

Я знаю, что тема мобильной версии данного проекта поднималась здесь неоднократно, но никто так и не смог предложить нормального решения. И как мы все понимаем, ждать официальной реализации от разработчиков Хабра бесполезно.

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

Примечание: ниже находится перевод статьи «The Psychology of Web Performance», в которой автор поднимает психологические аспекты производительности веб-страниц: чем она обусловлена, как ее измерить — и описывает некоторые сопутствующие (коммерческие) эффекты. Мои комментарии далее курсивом.

Предыдущем исследование продемонстрировало, что пользовательское раздражение сильно возрастает, если скорость загрузки страницы превышает 8–10 секунд безо всякого уведомления пользователя о процессе загрузки (Bouch, Kuchinsky и Bhatti, 2000, King, 2003). Последние работы в этой области показали, что пользователи с широкополосным доступом еще менее терпимы к задержкам при загрузке веб-страниц по сравнению с пользователями с более узким каналом. В опросе, проведенном JupiterResearch, было установлено, что 33% пользователя скоростного соединения не хотят ждать более 4 секунд при загрузке страницы, при этом 43% пользователей не ждут более 6 секунд (Akamai, 2006).

читать дальше на webo.in →