Почему анимация Яндекс Музыки нагружает процессор и как это исправить

    Многие пользователи сталкиваются с проблемой: при открытии страницы сервиса Яндекс Музыка в центре экрана крутится цветная анимация (VibeAnimation), которая вызывает высокую загрузку центрального процессора. Например, на мощном AMD Ryzen 7 5700X нагрузка может достигать 70% на всех 16 потоках, хотя музыка ещё не запущена. Поддержка Яндекса часто не даёт вразумительного ответа, поэтому разберёмся самостоятельно.

    Почему анимация так сильно грузит CPU?

    Анимация реализована через элемент canvas и JavaScript-скрипты, которые постоянно перерисовывают графику. Даже если вы удалите canvas через инструменты разработчика, нагрузка может остаться - потому что скрипты продолжают выполняться в фоне. Блокировка CSS-стилей (например, файла yastatic.net/s3/music-frontend-static/... с классом VibeAnimation) тоже не помогает: анимация лишь уменьшается, но скрипты не останавливаются.

    Как найти скрипт, генерирующий анимацию?

    Чтобы точно определить источник, откройте инструменты разработчика (F12), перейдите на вкладку Performance и запустите запись. Затем остановите запись и посмотрите, какие функции вызываются чаще всего. Обычно это функции из бандла music-frontend, отвечающие за рендеринг анимации. Также можно проверить вкладку Sources, найдя файлы с названием вроде vibe или animation.

    Правило для AdBlock, которое отключает анимацию

    Самый надёжный способ - заблокировать скрипт, отвечающий за анимацию, через расширение для блокировки рекламы (AdBlock, uBlock Origin и др.). Добавьте следующее правило в пользовательские фильтры:

    music.yandex.ru##script:contains(VibeAnimation)

    Или, если это не сработает, используйте более точное правило по URL:

    music.yandex.ru##script[src*="vibe"]

    После добавления правила перезагрузите страницу - анимация должна исчезнуть, а нагрузка на процессор - упасть до нормальных значений (0-5%).

    Альтернативные способы решения

    • Отключение JavaScript для Яндекс Музыки - радикальный метод, но сломает и другие функции плеера. Используйте только для тестирования.
    • Блокировка через браузерные настройки - в Chrome можно отключить анимацию в настройках экспериментальных функций (chrome://flags/#disable-accelerated-video-decode), но это не всегда помогает.
    • Установка расширения - например, uBlock Origin с дополнительными списками фильтров (EasyPrivacy, RU AdList) часто автоматически блокирует такие скрипты.

    Почему поддержка Яндекса не помогает?

    Проблема известна, но официального решения пока нет. Разработчики Яндекса, вероятно, считают анимацию частью дизайна и не планируют её отключать. Поэтому пользователям приходится искать обходные пути самостоятельно.

    Итог

    Высокая нагрузка CPU от анимации на Яндекс Музыке - следствие неоптимизированного JavaScript-кода. Решается добавлением одного правила в AdBlock. Если вы хотите сохранить функциональность плеера, это лучший вариант. Для более глубокого изучения используйте инструменты разработчика браузера.

    Часто задаваемые вопросы