Mobile app version of vmapp.org
Login or Join
Fox8124981

: Pros and cons of replacing images with canvas drawings in template? I am going to redevelop a beautiful but heavy theme. I try to make it as light-weight and performant as possible but still

@Fox8124981

Posted in: #Html5 #Template

I am going to redevelop a beautiful but heavy theme. I try to make it as light-weight and performant as possible but still eye-catching. In order to minimize the http requests needed to get images and hence save rendering time and bandwidth, I am going to replacing as many images as possible with html5 canvas.

So I am wondering what are the pitfalls as well as advantages of this approach.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Fox8124981

1 Comments

Sorted by latest first Latest Oldest Best

 

@Sue5673885

One pitfall is that not all browsers support canvas. You can see the support in this article:
en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5_Canvas)
(Update: from a link on the Facebook blog I came across this site which shows browser support for various features: caniuse.com/#feat=canvas)
For IE8 and earlier there are workarounds.

You are going to need to use new tools, or code the canvas by hand, so that means a learning curve.

You'd identified the advantage already - saving bandwidth.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme