OBS Browser Source Hardware Acceleration Explained

This article explains the “Enable Browser Source Hardware Acceleration” setting in OBS Studio, detailing how it shifts processing tasks between your CPU and GPU, its impact on stream performance, and when you should turn it on or off.

What is Browser Source Hardware Acceleration?

In OBS Studio, a “Browser Source” is used to display web-based content directly on your stream, such as chat overlays, alert boxes, donation trackers, and widgets. By default, rendering these web pages requires processing power.

The Enable Browser Source Hardware Acceleration setting determines which hardware component handles this processing: * When Enabled (On): OBS offloads the rendering of web-based overlays to your graphics card (GPU). * When Disabled (Off): OBS uses your processor (CPU) to render the web elements.

How It Affects Performance

When Enabled (Recommended for most users)

Enabling hardware acceleration utilizes the dedicated power of your GPU to render CSS animations, JavaScript, and video playback within your browser sources.

• Pros: It significantly reduces CPU usage and results in much smoother animations for your alerts and overlays.
• Cons: It consumes a small portion of your GPU’s resources. If your GPU is already running at 100% capacity while gaming, this can sometimes lead to dropped frames in OBS.

When Disabled

Disabling hardware acceleration forces your CPU to do all the heavy lifting for your browser-based overlays.

• Pros: It frees up GPU resources, which can resolve stream lag or rendering issues if your graphics card is heavily bottlenecked.
• Cons: It increases CPU load. If you use complex, animated overlays, your CPU usage may spike, leading to system slowdowns or stuttering streams.

When to Turn It On or Off

For the vast majority of modern streaming setups, keeping this setting enabled is highly recommended. You should only disable it under specific troubleshooting circumstances.

Keep it ENABLED if:

• You have a dedicated graphics card (NVIDIA, AMD, or Intel Arc).
• You use animated overlays, transitions, or alert widgets.
• Your CPU usage is high while streaming.

DISABLE it if:

• Your browser sources are displaying as blank, black, or flickering screens.
• You are experiencing GPU-related rendering lags in OBS (viewable in the Stats dock).
• You are streaming on a budget laptop or PC with weak, integrated graphics.

How to Change the Setting in OBS Studio

1. Open OBS Studio and go to Settings (bottom right corner).
2. Click on the Advanced tab in the left menu.
3. Scroll down to the Sources section.
4. Check or uncheck Enable Browser Source Hardware Acceleration.
5. Click Apply and then OK.
6. Restart OBS Studio for the changes to take effect.