Яндекс тестирует новую страницу выдачи

Яндекс тестирует новую страницу выдачи на площадке yandex.com. Её отличие от всем нам привычной – в дизайне и в технологических решениях.

Руководитель группы разработки поисковых интерфейсов Яндекса Михаил Трошев в блоге компании на Хабрахабре осветил подходы и технологии, используемые при разработке новой страницы результатов поиска.

По поводу разработки шаблонов:

«Сильно сократить время на разработку и тестирование первого прототипа помог наш механизм сборки проектов, основанный на методологии БЭМ (Блок-Элемент-Модификатор). Он позволяет подключать внешние библиотеки блоков, так что существенную часть интерфейса мы собрали из готовых блоков, которые уже есть на других сервисах Яндекса и лежат в разных внутренних git- и svn-репозиториях».

Про «вездесущий» JavaScript:
«Под капотом у новой версии страницы результатов поиска JavaScript-шаблоны. Они работают быстрее, чем шаблонизатор для языка Perl TT2, который мы использовали раньше, и писать их удобнее и проще».

AJAX, History API
«Новая версия страницы результатов поиска потребует повсеместного применения ajax и histori api».

CSS
«Почти все возможности CSS3 были задействованы для решения наших задач. Стрелочки меню на трансформах, тени у блоков, псевдоселекторы first-child/last-child вместо классов-модификаторов – все это есть в новом интерфейсе. При этом для старых браузеров предусмотрена деградация: вместо теней — простые однопиксельные контуры, вместо стрелочек в меню — обычные прямоугольники, svg-градиенты в IE9 и сплошная заливка фона для IE8 и старше».

Деплой
«Почти все наши проекты хранят свои статические файлы на статическом кластере — yandex.st. Причин для использования статического кластера несколько:
— не нужно генерировать файлы перед отправкой — всё уже готово и лежит на диске;
— для передачи готовых файлов достаточно лёгкого веб-сервера;
— не требуется высокая производительность машин;
— статика кэшируется навсегда, а инвалидация осуществляется либо изменением версии пакета, либо изменением хэш-суммы;
— на домен yandex.st не отправляются куки сервиса, это уменьшает объём трафика;
— «сквозные» файлы (использующиеся на нескольких сервисах, например jquery.min.js или логотип Яндекса) не нужно загружать каждый раз при переходе с сервиса на сервис».

Интерфейс страницы выдачи будет меняться и дальше, сообщил Михаил Трошев.