Methods Tested to Optimize the Performance of WEBGL Applications

Despite significant advancements in WebGL optimization techniques over the last five years, there is still no agreement on a standardized approach for optimizing a three-dimensional (3D) web application. To aid in developing a future platform-independent solution, this article examined the loading time of WebGL apps on both desktop and mobile platforms. Our case study compared various WebGL optimization techniques. We designed, implemented, and tested several unique WebGL optimization methodologies and strategies in this research, focusing on performance. We began with an in-depth investigation of WebGL’s architecture. We attempted to comprehend important components, what happens when a WebGL application is loaded in a web browser, and what happens when we focus on graphics optimization. We then proposed an efficient method for loading 3D models in WebGL by utilizing our designed prototypes in conjunction with some freely available tools on the web that have been studied and selected; we used these tools to run our testing case and attempted to achieve a higher level of optimization. These techniques aim to lower the memory footprint of the graphics processing unit (GPU), speed up initialization, and enhance rendering performance in the majority of web browsers evaluated. The objective is to enable complicated WebGL applications on both desktop and low-end devices.