«Бабуля» — поиск Яндекса для старых браузеров —...

Post on 01-Jul-2015

203 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

Что такое СЕРП? Почему мы не смогли ужиться с IE6-7 и почему для нас было так важно отделить старые браузеры? Я расскажу о проекте «Бабуля», о его пользе и о том, как мы решили с его помощью сразу множество проблем.

TRANSCRIPT

«Бабуля» - поиск для старых браузеров

Андрей Черепаха, Я.Субботник, Киев, 22.11.2014

2

Бабуля…

3

На какие браузеры ориентировались:

Firefox 3.6-…

Opera 9-11.6

IE 6-7

Облегченная функциональность

Основные особенности:

Отсутствие клиентского JS

Быстрая загрузка

Островной поиск Старый поиск

5

Что имеем:

Зачем еще один поиск?

7

Островной поиск

〉Слишком наворочен

〉Не работает JS

8

Старый поиск

〉Медленный

〉Куча ненужного JS

〉Долгая сборка

〉Затяжной регресс

〉Старый дизайн

9

«Теплый ламповый» поиск…

10

Что хотели от «бабули»

〉Старые браузеры

〉Новый дизайн

〉Урезанная функциональность

〉Высокая скорость работы

〉Отсутствие клиентского JS

〉Отсутствие зависимостей

〉Рефакторинг

〉Сделали и забыли

От слов к делу!

12

Сложности…

〉Эксперименты

〉Компонентный код

〉Клиентский JS

〉Синхронизация

и анализа старого

Проблемы - возможности для нового

14

Плюсы от разработки

〉Исследование большого объема кода

〉Выделение проблемных мест

〉Рефакторинг

〉Обкатка технологий

Обкатка технологий

16

BEMHTML vs BH

〉Исследование в сравнении

〉Все шаблоны продублировали

〉Тесты на шаблоны

Самый честный сравнительный тест в мире

…и возможность проводить любые исследования

86 шаблонов 148 тестов

полная идентичность

BEMHTML vs BH

Что получили в итоге

21

Много проблем - одно решение

〉«Бабуля» на смартфоны

〉Честный эксперимент

〉Перестать тратить силы на старые браузеры

〉Рефакторинг кода

и тратьте время только на важное

Анализируйте

и сравнивайте с тем, что есть

Пробуйте новое

для решения сразу нескольких задач

Используйте возможности

25

…и делайте крутые проекты!

Андрей Черепаха

Разработчик интерфейсов поиска

Контакты

@ac_amygdala

amygdala@yandex-team.ru

top related