Browser animations lag on one monitor: what to test

A browser animation looks smooth on one screen but stutters on another, even when both are connected to the same computer. The cause could be the page, the browser's graphics settings, the monitor's refresh rate, or the cable or dock between them.

Compare the same animation across displays, then run a browser graphics check. The Graphics Test helps you see whether rendering performance changes when the browser window is on a different screen.

Test the animation on each monitor

1. Open the page where you see the lag and note what happens: does motion pause, skip frames, or look less smooth? Keep the page at the same zoom level for each comparison.
2. Open the Graphics Test. Run the same test with its window on the monitor that looks smooth, then again on the monitor that lags. Keep the computer plugged into the same power source and close demanding apps.
3. Check the reported resolution and scale for each display with Screens. Note whether the monitor with lag uses a different resolution or scale.
4. Move the browser window back and forth between the displays while the animation runs. If the lag follows the window, the display configuration or graphics path is more likely than a fault in that screen. If it stays on the same page regardless of screen, test another page or browser.

For a fair comparison, keep the browser window about the same size and avoid changing other settings between runs. A graphics score is a comparison of browser rendering performance, not a direct measurement of the monitor's refresh rate or a guarantee that every website will animate smoothly.

What the result means

The animation lags only on one website

The page itself may be doing more work on that display, or a site feature may be causing the problem. Check whether the same animation is smooth in another browser. If it is, look for a browser extension or setting that affects the original browser.

The animation lags on every page on one monitor

This points toward that display's refresh rate, resolution, scaling, cable, or connection through a dock. The browser may also use a different graphics path when its window is on that screen. Compare display settings before assuming the monitor is broken.

The Graphics Test score drops on the lagging monitor

The browser's graphics workload is slower in that display setup. A higher resolution, scaling choice, external adapter, or graphics setting may be adding work. The score cannot tell you which part is responsible, so use it as a clue and change one thing at a time.

The scores are similar, but the animation still looks different

The computer can render the test at a similar speed on both screens, but that does not rule out a refresh-rate setting, a cable issue, or a page-specific problem. Graphics benchmarks do not reproduce every browser animation or every display mode.

How to fix it

1. Set the monitor to its recommended resolution. On Windows 11, open Settings › System › Display, select the affected monitor, and choose the option marked Recommended under Display resolution. On macOS, open System Settings › Displays and select the default or recommended resolution for that display.
2. Check the refresh rate. On Windows 11, go to Settings › System › Display › Advanced display, select the affected monitor, and check its refresh rate. On macOS, open System Settings › Displays and choose a supported refresh rate if the setting is available. A screen set to a lower rate can make motion look less smooth, even when the browser is rendering correctly.
3. Turn on browser graphics acceleration. In your browser's settings, search for graphics acceleration or hardware acceleration. If it is off, turn it on and restart the browser. If it is already on, test once with it off, then restore the setting if performance gets worse. Browser menus vary.
4. Reconnect the display. Unplug and reconnect the video cable at both ends. If the monitor uses a dock, adapter, or hub, connect it directly to the computer for a test. Try a different cable or port if available, and compare the animation again.
5. Close other graphics-heavy apps. Video playback, games, screen sharing, and many open browser tabs can compete for graphics resources. Close them, reload the page, and repeat the comparison.
6. Restart the browser and computer. A browser restart can clear a temporary rendering problem. If the lag remains after a computer restart, check for browser and graphics driver updates through your computer's normal update settings.

When it may be a monitor or connection fault

If motion is still uneven in more than one browser and on other devices connected to the same monitor, test another cable and input. If the problem follows the monitor, its settings or hardware may be at fault. If it follows one cable, adapter, or dock, replace or repair that connection instead. Contact the monitor maker while it is under warranty, or ask a repair shop to check it if the fault persists across known-good connections.

Why the Graphics Test is only one clue

A browser animation is affected by more than raw graphics speed. The page may use effects that are expensive to draw, while the browser also has to coordinate the window with the display. The Graphics Test measures browser graphics performance with its own workload at 1080p. It does not diagnose a monitor, prove that a cable is faulty, or measure the exact refresh rate being used.

The tests run in your browser on your device, and the results are useful for comparing the same computer under different display setups.