Исправлен SVG css-фон, замедляющий Webkit и FF

Question

Я экспериментировал с довольно сложными фонами SVG (с помощью CSS, фиксированный, размер 100%), и это замедляет сканирование браузеров на основе FF и Webkit, вплоть до невозможности прокрутки.

Не могли бы вы представить, как улучшить скорость его работы?

Я исследовал большой PNG (медленный для загрузки, не такой "плавный", как SVG) и Canvas без особого успеха.

Этот сайт был здесь .Теперь он включает метод canvas.

Все элементы на сайте являются векторными, поэтому он может масштабироваться до любого устройства.

Answer 1

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

Answer 2

Этот фон очень сложно визуализировать на лету, поэтому я считаю, что SVG неосуществим. Вам нужно будет рассмотреть одно из следующих решений:

• Использовать предварительно отрендеренный фон (т. Е. Фон png).
• Используйте более простой SVG с меньшим количеством элементов. В вашем текущем фоне браузер должен будет визуализировать каждую строку отдельно.