@xiamenese The shift down itself is abrupt without any animation. The web page contents have to be susceptible to height changes or they won't be affected.

My MacBook and its software is a work of art and anything that doesn't meet that standard is garbage and will be deleted from it.

When Opera is in fullscreen mode, moving the mouse to the top of the screen to show the macOS App menu causes the entire UI to abruptly shift down and the web page layout to change. Safari shifts its UI down smoothly, sliding it over the web page. Firefox has a fixed UI but allows the App menu to slide over it instead.

Ref: https://forums.opera.com/topic/24026/ui-is-laggy-only-runs-at-60-fps-on-144-hz-monitor/

The UI is still laggy and unresponsive on a high refresh rate monitor. Installed and instantly deleted Opera once again.

I tried out the new instant search feature on macOS. Again, the whole overlay lags and animates at a low framerate.

@nvmjustagirl said in UI is laggy - only runs at 60 fps on 144 Hz monitor:

In a dual monitor environment using Windows 10 your monitors have to run at an equal or multiple refresh rate of each other..
Example - monitor 1 (144hz) monitor 2 (60hz) = You'll need to set your 144hz monitor to 120hz to match your 60hz monitor.

The only way to run your hardware as it was intended without stutter on one monitor or the other is with Windows 7 and Aero disabled.. *just say 'n..

Yes, I've overclocked the HDMI port (headless display which is always on just for audio) going to my AV receiver to 120/144 Hz for my 240 and 144 Hz monitors repsectively. I didn't have stuttering due to the mismatch - I had backlight flicker on the desktop with G-SYNC enabled instead. I don't use the two monitors together, but only either one monitor and the AVR. The AVR does not recognize the overclocked video anymore, but it still plays the audio including bitstreaming for Dolby Atmos etc.

The problem with Opera isn't stuttering. It's that the main window's UI elements simply do not run at high refresh rates no matter what. The view port is capable of animating content at 240 Hz, but it rarely scrolls that smoothly in real world use. It's way laggier than Safari / Edge and Firefox on both macOS and Windows.

@burnout426 said in UI is laggy - only runs at 60 fps on 144 Hz monitor:

@kathampy said in UI is laggy - only runs at 60 fps on 144 Hz monitor:

Asus PG258Q

And, just for good measure, what are the CPU specs on the devices?

Dev tested on Asus PG258Q but wasn't able to reproduce the issue. Both Chrome and Opera are working the same and aren't laggy.

The MBP has a "2.9 GHz Intel Core i7".
The Windows PC has an i7 4820K at 4.5 GHz.

I wouldn't expect someone used to a 60 Hz display to be able to detect the lag. You need a 500+ Hz mouse so the cursor is smooth and clicks are instant, and the desktop should actually be running at 240 fps behind Opera so that you can see the contrasting difference in framerate. You can detect the delay when clicking the + icon to open a new tab. Also, clicking the Telegram icon slides in the window from the side bar at a low framerate.

The built-in pages like Settings, Extensions, and Personal News have horrendous scroll lag - they barely scroll at 30 fps. You can clearly see the difference in scrolling smoothness compared to Edge / Safari. I'm not sure if this viewport lag is related to the application UI or a separate Blink performance issue. https://testufo.com/ is able to render at 240 fps in the viewport.

@burnout426 said in UI is laggy - only runs at 60 fps on 144 Hz monitor:

@kathampy Thanks for the info. What about G-SYNC in Nvidia settings? Is that enabled? Does it make a difference if you toggle it? Any similar option for the AMD GPU?

I leave G-SYNC on all the time. Switching it off doesn't make any difference since it's only enabled for fullscreen applications anyway (the monitor remains in G-SYNC mode, but windowed applications don't affect the refresh rate - if it did the cursor would visibly slow down to the framerate of the application).

The monitor on the MBP always runs in normal mode without G-SYNC.

@burnout426 said in UI is laggy - only runs at 60 fps on 144 Hz monitor:

Can you give detailed specs on your system? (Including resolution and DPI settings etc.)

System #1:
MacBook Pro (15-inch, 2017)
Radeon Pro 560 4096 MB
Asus PG278Q (2560x1440 144 Hz, no DPI scaling)
macOS High Sierra (10.13.4)

System #2:
GTX 1080 8GB
Asus PG278Q (2560x1440 144 Hz, no DPI scaling)
Asus PG258Q (1920x1080 240 Hz, no DPI scaling)
Windows 10 (April 2018, 17133.33)

There is a visible delay when clicking any UI element in Opera, in addition to the UI only animating at 60 fps. In Chrome the delay is lower, but the UI still animates only at 60 fps. However the viewport is able to animate content up to the native refresh rate.

The UI in Safari, Edge, and Firefox all animate at the native refresh rate, with no click delay.

This issue still persists. I tested Chrome and found that the UI elements were smooth, but web pages had laggy scrolling. In Opera both the UI and scrolling are laggy.

@burnout426 Edge and Firefox on Windows run their UIs at 240 fps on my 240 Hz monitor. Safari and Firefox on macOS also run at 144 fps when connected to an external 144 Hz monitor. Opera on macOS is also capped at 60 fps. I didn't test other browsers yet.

The vast majority of other applications also run at the native refresh rate. Electron apps lag, but these don't even run at 60 fps on a 60 Hz monitor. Chromium on its own doesn't lag as much as most Electron apps.