Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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.

share|improve this question
add comment

1 Answer

up vote 3 down vote accepted

One pitfall is that not all browsers support canvas. You can see the support in this article:

http://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: http://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.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.