26
«Бабуля» - поиск для старых браузеров Андрей Черепаха, Я.Субботник, Киев, 22.11.2014

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

  • Upload
    yandex

  • View
    165

  • Download
    1

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Page 2: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

2

Бабуля…

Page 3: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

3

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

Firefox 3.6-…

Opera 9-11.6

IE 6-7

Page 4: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

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

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

Page 5: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

5

Что имеем:

Page 6: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

Page 7: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

7

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

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

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

Page 8: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

8

Старый поиск

〉Медленный

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

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

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

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

Page 9: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

9

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

Page 10: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

10

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

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

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

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

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

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

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

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

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

Page 11: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

Page 12: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

12

Сложности…

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

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

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

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

Page 13: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Page 14: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

14

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

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

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

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

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

Page 15: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

Page 16: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

16

BEMHTML vs BH

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

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

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

Page 17: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

Page 18: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

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

Page 19: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

BEMHTML vs BH

Page 20: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

Page 21: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

21

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

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

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

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

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

Page 22: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Page 23: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Page 24: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Page 25: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

25

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

Page 26: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха

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

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

Контакты

@ac_amygdala

[email protected]