Leono Sep 2 2017 at 12:00

Лекция Виталия Харисова «10k»

9 min

14K

Яндекс corporate blogCSS*JavaScript*Client optimization*HTML*

+35

Comments 22

KonstantinSpb Sep 2 2017 at 12:17

Подготовка к закону Яровой? :)
Хранение большого кол-ва данных => Уменьшение скорости передачи данных

-5

PQR Sep 2 2017 at 21:01

Пооптимизируем JS. Тут не очень богатый выбор. Есть UglifyJS, используйте его, других вариантов нет.

Если код имеет грамотные аннотации, то Closure Compiler может быть до 2х раз эффективнее, чем UglifyJS.

vithar Sep 3 2017 at 11:30

Мы пробовали. Очень сложно привести код к такому состоянию, особенно если используются библиотеки.

Hixon10 Sep 2 2017 at 22:48

В статьях про оптимизацию фронтенда всегда хочется задать вопрос: может лучше просто делать простой, приятный дизайн сайта, чем оптимизировать его? :)

Какая красота раньше была:
web.archive.org/web/20010226182034/http://www.yandex.ru:80/

Doomet Sep 3 2017 at 02:28

Ваше понятие красоты субъективно :)

vithar Sep 3 2017 at 11:33

Простой и понятный дизайн можно сделать сложно и наоборот.

Реализация мобильной Бабули как раз в том и состоит, чтобы сделать минимальный код, сохранив дизайн основной версии.

bolk Sep 3 2017 at 09:39

Интересно, что для «Бабули» не используется VML ни в каком виде, как будто выбор — использовать либо SVG, либо растр.

vithar Sep 3 2017 at 11:35

Количество пользователей, устройства которых не поддерживают SVG, но поддерживают VML настолько мало, что нет смысла делать отдельный формат, который никто не знает, непонятно как редактировать.

bolk Sep 3 2017 at 11:46

Это проект выдачи Яндекса для очень старых браузеров — IE6, 7, 8

↑ так вот эти браузеры же. Редактировать — руками, как HTML.

vithar Sep 3 2017 at 11:50

В десктопной Бабуле везде просто растр. Там нет ретины и проще отдавать один вариант всем. Там нет острой необходимости сделать минимально.

UFO just landed and posted this here

Hint Sep 3 2017 at 11:03

В первую очередь, в HTML существует значение атрибутов по умолчанию.

Можно ли уже оставлять input без type="text"? Есть ли побочные эффекты? Все ли браузеры поддерживают?

vithar Sep 3 2017 at 11:42

Всегда можно было.

Hint Sep 3 2017 at 14:37

Неудобно, что в css нельзя ссылаться на атрибут, input[type=«text»] работать не будет.

mobi Sep 4 2017 at 14:50

Мы делали такую оптимизацию на ряде сайтов. Единственная проблема — пришлось переделать стилевые файлы, т.к. input[type=text] уже не срабатывает на таких элементах, пришлось дописывать input:not([type]). Ну и, если у кого-то input[type=text] прямо или косвенно фигурирует в javascript, то там тоже, возможно, придется модифицировать код.

vithar Sep 4 2017 at 14:58

У нас БЭМ, поэтому такой проблемы просто нет.

orlovpyotr Sep 8 2017 at 12:01

Как принудительно включить его на простом браузере?

vithar Sep 15 2017 at 09:49

yandex.ru/search/touch/?lite=1&text=котики

Должен быть мобильный User Agent.

orlovpyotr May 5 2019 at 15:29

Спасибо

LorHobbit Sep 8 2017 at 12:01

> Около 8% мобильных пользователей в выдаче Яндекса сваливаются в легкую версию.
Интересно, а как Яндекс определяет, каких пользователей в эту версию отправлять? Они сразу по получении запроса как-то определяют скорость соединения?

vithar Sep 15 2017 at 09:51

Много всего используется. И tcp-info, и определение скорости загрузки suggest на главной и в поиске, и настройка пользователя save-data: on в браузере.

Как правило, сначала показывается основная версия, а при следующем запросе лёгкая. Но иногда по tcp-info можно понять, что сразу надо отдавать лёгкую.