«Бабуля» — поиск Яндекса для старых браузеров —...
DESCRIPTION
Что такое СЕРП? Почему мы не смогли ужиться с IE6-7 и почему для нас было так важно отделить старые браузеры? Я расскажу о проекте «Бабуля», о его пользе и о том, как мы решили с его помощью сразу множество проблем.TRANSCRIPT
![Page 1: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/1.jpg)
«Бабуля» - поиск для старых браузеров
Андрей Черепаха, Я.Субботник, Киев, 22.11.2014
![Page 2: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/2.jpg)
2
Бабуля…
![Page 3: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/3.jpg)
3
На какие браузеры ориентировались:
Firefox 3.6-…
Opera 9-11.6
IE 6-7
![Page 4: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/4.jpg)
Облегченная функциональность
Основные особенности:
Отсутствие клиентского JS
Быстрая загрузка
![Page 5: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/5.jpg)
Островной поиск Старый поиск
5
Что имеем:
![Page 6: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/6.jpg)
Зачем еще один поиск?
![Page 7: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/7.jpg)
7
Островной поиск
〉Слишком наворочен
〉Не работает JS
![Page 8: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/8.jpg)
8
Старый поиск
〉Медленный
〉Куча ненужного JS
〉Долгая сборка
〉Затяжной регресс
〉Старый дизайн
![Page 9: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/9.jpg)
9
«Теплый ламповый» поиск…
![Page 10: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/10.jpg)
10
Что хотели от «бабули»
〉Старые браузеры
〉Новый дизайн
〉Урезанная функциональность
〉Высокая скорость работы
〉Отсутствие клиентского JS
〉Отсутствие зависимостей
〉Рефакторинг
〉Сделали и забыли
![Page 11: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/11.jpg)
От слов к делу!
![Page 12: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/12.jpg)
12
Сложности…
〉Эксперименты
〉Компонентный код
〉Клиентский JS
〉Синхронизация
![Page 13: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/13.jpg)
и анализа старого
Проблемы - возможности для нового
![Page 14: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/14.jpg)
14
Плюсы от разработки
〉Исследование большого объема кода
〉Выделение проблемных мест
〉Рефакторинг
〉Обкатка технологий
![Page 15: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/15.jpg)
Обкатка технологий
![Page 16: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/16.jpg)
16
BEMHTML vs BH
〉Исследование в сравнении
〉Все шаблоны продублировали
〉Тесты на шаблоны
![Page 17: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/17.jpg)
Самый честный сравнительный тест в мире
![Page 18: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/18.jpg)
…и возможность проводить любые исследования
86 шаблонов 148 тестов
полная идентичность
![Page 19: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/19.jpg)
BEMHTML vs BH
![Page 20: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/20.jpg)
Что получили в итоге
![Page 21: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/21.jpg)
21
Много проблем - одно решение
〉«Бабуля» на смартфоны
〉Честный эксперимент
〉Перестать тратить силы на старые браузеры
〉Рефакторинг кода
![Page 22: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/22.jpg)
и тратьте время только на важное
Анализируйте
![Page 23: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/23.jpg)
и сравнивайте с тем, что есть
Пробуйте новое
![Page 24: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/24.jpg)
для решения сразу нескольких задач
Используйте возможности
![Page 25: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/25.jpg)
25
…и делайте крутые проекты!
![Page 26: «Бабуля» — поиск Яндекса для старых браузеров — Андрей Черепаха](https://reader033.vdocuments.site/reader033/viewer/2022052311/55937bd41a28ab003b8b4705/html5/thumbnails/26.jpg)
Андрей Черепаха
Разработчик интерфейсов поиска
Контакты
@ac_amygdala