Home/ Questions/Q 7561761
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T13:14:24+00:00

I’ve been experimenting with pretty complicated SVG backgrounds (via CSS, fixed, 100% size) and

  • 0

I’ve been experimenting with pretty complicated SVG backgrounds (via CSS, fixed, 100% size) and it makes both FF and Webkit based browsers slow to a crawl, to the point it’s impossible to scroll.

Would you have any idea how to improve the speed of it?

I investigated a big PNG (slow to load, not as “smooth” as SVG) and Canvas without much success.

The site in question was here. Now it incorporates canvas method.

All the elements on the site are vector-based so it can scale to whatever device there is.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So it seems that all popular browsers render page/scroll much faster when the complicated svg background is applied to an underlying canvas (or img) then if it was applied to the body element itself.

    Still looking for suggestions how to make it work faster, but at least now it is usable.

    • 0