This article helps you solve poor WebGL performance on Windows 10 and Windows 11 laptops with hybrid graphics. If you're seeing low frame rates or stuttering in the Propeller Platform, it's likely because your browser is using the power-saving integrated GPU. Follow these steps to force Chrome, Firefox, or Edge to utilize your high-performance dedicated NVIDIA or AMD GPU and dramatically improve rendering speed.
If you do not have hybrid graphics and are experiencing poor performance, follow these steps.
- Navigate to the SETTINGS menu.
- Click ABOUT.
- Check which GPU is active. If it's the integrated GPU, follow the steps below. If the dedicated GPU is already in use, no changes are needed.
How to Force a Browser to Use the Dedicated GPU
You can typically manage which GPU an application uses through the Windows settings. Here's how to do it for Chrome, Edge, and Firefox:
Method 1: Using Windows Graphics Settings (Recommended)
This is the most straightforward and generally reliable method.
- Open Windows Settings: Press the Windows key and type "Graphics settings," then select it from the search results.
- Browse for the Browser Executable:
- Under Custom Settings for Applications, select either Add Desktop app or Add Microsoft Store app from the dropdown menu, depending on how your browser was installed.
- Click the Browse button.
-
Navigate to the installation directory of your browser:
- Google Chrome:
| C:\Program Files\Google\Chrome\Application\chrome.exe (or C:\Program Files (x86)\Google\Chrome\Application\chrome.exe) |
- Microsoft Edge: This is typically a Microsoft Store app. In the Choose an app to set preference dropdown, select Microsoft Store app. A list of apps will appear; find Microsoft Edge in the list.
- Mozilla Firefox:
| C:\Program Files\Mozilla Firefox\firefox.exe (or C:\Program Files (x86)\Mozilla Firefox\firefox.exe) |
Select the browser's .exe file and click Add.
- Set GPU Preference:
- Once the browser is listed under Choose an app to set preference, click on its name.
- Click the Options button.
- Under Graphics preference, choose High performance. This will instruct Windows to use the dedicated GPU for this application.
- Click Save.
- Restart Your Browser: Close and reopen Chrome, Edge, or Firefox to apply the changes.
Method 2: Using the Dedicated GPU's Control Panel (NVIDIA or AMD)
You can also manage GPU usage through the control panel provided by your dedicated GPU manufacturer.
For NVIDIA Users:
- Open NVIDIA Control Panel: Right-click on your desktop and select NVIDIA Control Panel.
- Navigate to Manage 3D Settings: In the left-hand pane, click on Manage 3D settings.
- Go to Program Settings: Select the Program Settings tab.
- Add the Browser:
- Click the Add button.
- Browse to the installation directory of your browser (see paths above).
- Select the browser's .exe file and click Open. If the browser is already in the list, select it.
- Specify the Preferred Graphics Processor:
- In the Select the preferred graphics processor for this program dropdown, choose High-performance NVIDIA processor.
- Apply Changes: Click Apply.
For AMD Users:
1. Open AMD Radeon Settings: Right-click on your desktop and select AMD Radeon Settings or AMD Software: Adrenalin Edition.
2. Navigate to Graphics: Click on the Gaming or Graphics tab.
3. Add the Browser:
- Click the three dots (...) in the top right corner and select Add a Game, or click the Add Application button.
- Browse to the installation directory of your browser (see paths above).
- Select the browser's .exe file and click Open. The browser should now appear in the list.
- Set Graphics Profile:
- Click on the added browser icon.
- Look for a setting related to Graphics Profile, GPU Workload, or a similar option.
- Choose the option that prioritizes performance, often labeled High Performance or Dedicated GPU.
- Apply Changes: Close the AMD Radeon Settings.
- Restart Your Browser: Close and reopen Chrome, Edge, or Firefox.
Your web browser is now configured to utilize your dedicated GPU, which should eliminate lag and increase FPS in WebGL applications. If you are still having trouble, your next step is to install the latest graphics drivers directly from the NVIDIA or AMD website.
Optimizing performance if you do not have hybrid graphics
- In Chrome or Edge, open one of the following URLs:
chrome://flags
edge://flags - Search for "angle."
- Change the "Choose ANGLE graphics backend" setting to "OpenGL."
- Restart your browser.
I still can't do it!
We wrote these articles to equip you with everything you need to get the job done on your own, but we understand that sometimes this isn't sufficient.
If you're stuck, you can connect with our support team by clicking the question mark button at the top right corner of your user portal.
Related to