试图了解为什么HTML5 webgl上下文创建和调整这么慢

Question

我已经尝试为此找到一些答案，如果之前有人问过我，我也深表歉意。我正在使用Chrome来衡量在canvas元素上创建webgl上下文并调整大小的性能。至少在我正在研究的应用程序中进行的测试中，上下文创建的平均时间在200-300毫秒之间，调整大小（一块空白画布）的平均时间在100毫秒左右。

对于创建来说，我基本上是这样的（其中“ canvas”是HTMLCanvasElement）：

   console.time('createContext');
   gl = canvas.getContext("webgl", { preserveDrawingBuffer: true }) ||
        canvas.getContext("experimental-webgl", { preserveDrawingBuffer: true });
   console.timeEnd('createContext');

要调整大小，我只需设置“画布”元素的“高度”和“宽度”。谁能帮助我了解为什么这些速度如此缓慢，以及如何（如果可能）对其进行优化？

先谢谢您！我已经尝试研究这几天了。