• Как облегчить конкретную анимацию с большими SVG?

    @vatrikovsky Автор вопроса
    1. См. дискуссию выше. Разве что фон на гифки с позиционированием, в остальном выгода получается невеликой.

    2. Полная замена, к сожалению, не подойдет, как минимум 2 гифки потребуется, чтобы растягивать анимацию на любую ширину: машина и фоны, причем гифки ретинно-ашдэшные. Но, возможно, замена фона гифкой даст эффект, я попробую, спасибо.

    3. Вариант, конечно, радикальный... Но спасибо, буду держать в голове как крайнее средство для машины. Для фона, опять же, не получится, в силу требований к ширине.
  • Как облегчить конкретную анимацию с большими SVG?

    @vatrikovsky Автор вопроса
    Dark Hole: понимаете, в чем дело — бэкграунды я уже менял на jpg + gif (верхнему нужна прозрачность). И стало сильно хуже. Замеры не делал, по ощущениям было очевидно. Для машины, возможно, выгода будет, но есть сильные сомнения, что она что-то компенсирует — отдельно машина не особо-то тормозит, а вот отдельно фоны уже грузят.

    Но за образовавшуюся идею разбить сами фоны и позиционировать спасибо. Возможно, решение в этом.
  • Как облегчить конкретную анимацию с большими SVG?

    @vatrikovsky Автор вопроса
    Dark Hole: бэкграунды и так отдельными картинками, в сборе только корпус, ось и два колеса. Я просто не очень понимаю, от какого действия ожидается выгода — надо разделить SVG машины на 4 отдельных, или именно заменить на картинки (png/gif/jpeg) все? От замены тех же бэкграундов картинками становилось только хуже, а машина сама по себе не тормозит (такой вариант есть на главной, нормально работает даже с телефона, не говоря уж о ноутбуках-айпадах).
  • Как облегчить конкретную анимацию с большими SVG?

    @vatrikovsky Автор вопроса
    Бэкграунд? Не очень понимаю, как это возможно, честно говоря, поясните, пожалуйста.

    Я сейчас это представляю только как разбитие фонов на множество мелких SVG (отдельно каждый человек, дерево, дом и т. д.) и распихивание их по отдельным позиционированным блокам в качестве фонов/содержимого. Тогда анимировать придется уже позиции самих блоков, а родительский блок делать overflow-x: hidden.

    Вы имели в виду это или что-то более красивое? :)