Блог

Переключатель Zen Mode: как он работает и что скрывает

talavo4 мин. чтения

Zen Mode — это тот единственный переключатель, который большинство пользователей talavo оставляют включённым постоянно. Нажмите его — и части YouTube, спроектированные для того, чтобы удерживать вас в прокрутке, тихо исчезают. Вот что именно он убирает и почему мы сделали его переключателем, а не навязали всем по умолчанию.

Что исчезает

  • Полка Shorts — бесконечная вертикальная лента и её строка на главной странице, крупнейший пожиратель времени на платформе.
  • Комментарии — полностью скрываются, чтобы вы смотрели видео, а не споры под ним.
  • Рекомендации — боковая панель с видео «следующим» и сетка конечного экрана, которая автоматически переводит вас на следующий час.
  • Театральный режим — плеер расширяется, чтобы видео было самой страницей, а не окном, окружённым приманками.

Как это работает на самом деле

Zen Mode — это два слоя, работающие вместе. Первый — нативная блокировка контента: talavo компилирует правила в собственный WKContentRuleListStore WebKit — тот же механизм, что используют блокировщики контента Safari. Эти правила работают внутри движка до отрисовки пикселей, поэтому заблокированные элементы никогда не тратят ресурсы на вёрстку или сеть.

Второй слой — точечные стили и скрипты, встраиваемые в страницу, которые скрывают динамические части, отрисовываемые YouTube на стороне клиента при прокрутке. Поскольку YouTube постоянно выкатывает изменения вёрстки, этот слой написан так, чтобы соответствовать структуре компонентов, а не хрупким разовым именам классов — и именно это мы обновляем между выпусками.

Почему переключатель

Иногда комментарии действительно нужны — закреплённое исправление к туториалу, замены ингредиентов в рецепте. Zen Mode находится в одном нажатии от правой боковой панели, и talavo запоминает ваш выбор для каждого сайта, чтобы вы находили сайт таким, каким оставили. Умолчание, которое нас волнует, — не «всё выключено», а ваше умолчание, сохраняющееся без лишних усилий с вашей стороны.

Хотите остальные фильтры? Они находятся в той же панели — посмотрите changelog, чтобы узнать, когда каждый из них появился.