Debugging and Performance

In this chapter we will show how to troubleshoot errors and improve application performance. We will:

  • present helpful tools for debugging WebGL code and shaders
  • go over some common errors and their solutions
  • show ways to get more performance out of WebGL by optimizing our code to remove common bottlenecks
  • identify WebGL best practices


When our program is producing erroneous results, as computer programmers we say that the program has bugs in it or is acting buggy. The process of identifying the source of the bug(s)/error(s) and fixing them is known as debugging.

Why should we aim to be proficient ...

Get Beginning WebGL for HTML5 now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.