After gaming on pro-level panels I can tell you now that 360 Hz is the sweet spot for gaming monitors
Jacob Fox, hardware writer(Image credit: Future)This week I've been: Latency testing a 320 Hz monitor, trying to climb up CS2 Premier ranks, and looking into information theory.If you've been on this planet as long as I have, you might remember the sentiment that your eyes can't see above 60 fps. At least, that's what...
This week I've been: Latency testing a 320 Hz monitor, trying to climb up CS2 Premier ranks, and looking into information theory.
If you've been on this planet as long as I have, you might remember the sentiment that your eyes can't see above 60 fps. At least, that's what console gamers seemed to tell themselves once the PC gaming scene moved on. But actually using 120 Hz or 144 Hz quickly put an end to that myth.
Something about it must have sunk into my subconscious, though, because until recently, I stuck to 144 Hz monitors ever since I got my hands on one around 2014. It's as if I'd accepted that while 60 Hz isn't the limit, perhaps 144 Hz is—or, more realistically, it's as if I'd assumed that diminishing returns might kick in soon thereafter.
I've since discovered that's incorrect. It might be true if you're kicking back in a third-person RPG, and it's certainly true if you're not hitting north of 144 fps in-game. But as I've discovered recently, for competitive FPS gaming, ultra-high refresh rates are genuinely fantastic and much better than sticking at 144 Hz or 165 Hz.
There is truth to the idea that there are diminishing returns to upping your refresh rate, but they don't diminish as drastically or as quickly as a lot of people seem to think they do. I'd say 360 Hz is the sweet spot before real diminishing returns start to kick in, but it's also a little more complicated than that.
I first discovered this when testing the Zowie XL2586X+. Zowie monitors are the most popular for tactical FPS esports pros, for a few main reasons. First, there's the fact that big tournaments often use them across the board, so it makes sense to practice with them—that's one reason for sticking to a 24/25-inch 1080p monitor, too, by the way.
Apart from that very pragmatic reason, though, there's the fact that these monitors have ultra-high refresh rates, panels and colour profiles that are tailored to popular esports titles, and DyAc 2 anti-blur tech.
Of all of these factors, though, I've found that having a high refresh rate is the most important, in my opinion. Which is good news because it opens the field to a whole load more monitors than just Zowie ones with DyAc 2.
I've recently been impressed, for instance, by the $250 Alienware AW2525HM, which has a 320 Hz refresh rate. DyAc 2 and better-tailored panels do give Zowie monitors the edge, but for my money, as long as a panel is generally accurate and clear, I'd take a cheaper one with a similarly high refresh rate.
The question then is: What refresh rate do you need?
One answer to this is, 'As high of a refresh rate as you can afford.' Another answer is 240 Hz, because most pros use either 240 Hz or 360 Hz Zowie monitors. Both of these answers are true in their own way, but neither is fully informative.
With both the 600 Hz Zowie and 320 Hz Alienware, I spent lots of time swapping between different refresh rates and testing things out in Counter-Strike. I came out the other end of this realising these main things:
- The jump from 144 Hz to 240 Hz gives a very noticeable improvement in the gameplay experience and how well I play.
- The jump from 240 Hz to 320/360 Hz gives a big enough improvement to gameplay experience that I think it would be worth paying extra for, but this improvement doesn't translate to making me play any better.
- Beyond 320/360 Hz, increasing to (say) 600 Hz does feel better, but the difference isn't as big as from 240–360 and is nowhere near as big as from 144–240, and it doesn't make me play any better.
In addition to just seeing how different refresh rates actually feel in practice while playing CS2, I also used an Nvidia Latency and Display Analysis Tool (LDAT) to test real-world response times—ie, the end-to-end latency between clicking and having your gun's muzzle flash appear on-screen. The muzzle flash is lower down on the screen, which means (given how monitors refresh from top to bottom) latency will be measured higher than towards the top, but what's important here is the comparison between the numbers.
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');#fv-chart-1781190434463-dzjv2su07 *, #fv-chart-1781190434463-dzjv2su07 *:before, #fv-chart-1781190434463-dzjv2su07 *:after, #fv-chart-1781190434463-dzjv2su07-slideshow *, #fv-chart-1781190434463-dzjv2su07-slideshow *:before, #fv-chart-1781190434463-dzjv2su07-slideshow *:after {box-sizing: border-box !important; margin: 0; padding: 0; border: 0;font-size: 100%; font: inherit; vertical-align: baseline;}#fv-chart-1781190434463-dzjv2su07, #fv-chart-1781190434463-dzjv2su07-slideshow { font-family: 'Open Sans', sans-serif !important; }#fv-chart-1781190434463-dzjv2su07 {position: relative !important; overflow: visible !important;--riv-primary: #E33235;}#fv-chart-1781190434463-dzjv2su07 .fv-inner-wrapper {color: #1F2937 !important; background-color: #ededed !important;padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;margin: 1rem 0 !important; display: flex !important; flex-direction: column !important;overflow: hidden !important;}#fv-chart-1781190434463-dzjv2su07 .fv-inner-wrapper.fv-no-header.fv-is-image-compare {padding-top: 0 !important;}#fv-chart-1781190434463-dzjv2su07.fv-full-bleed {width: 100vw !important;margin-left: calc(50% - 50vw) !important;}body {overflow-x: clip !important;}#fv-chart-1781190434463-dzjv2su07.fv-full-bleed .fv-inner-wrapper {padding: 0 !important;border-radius: 0 !important;box-shadow: none !important;margin: 0 !important;background-color: transparent !important;}#fv-chart-1781190434463-dzjv2su07 .fv-inner-wrapper.fv-is-shop-the-look {padding: 0 !important;border-radius: 0 !important;box-shadow: none !important;margin: 0 !important;background-color: transparent !important;}#fv-chart-1781190434463-dzjv2su07-slideshow {position: relative !important;width: 100% !important;margin: 1rem 0 !important;--riv-primary: #E33235;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slides-wrapper {position: relative !important;width: 100% !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slide {width: 100% !important;animation: fv-fade-in 0.3s ease-in-out;}@keyframes fv-fade-in {from { opacity: 0; }to { opacity: 1; }}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slideshow-nav-row {position: relative !important;display: flex !important;justify-content: space-between !important;align-items: center !important;padding: 0 0 16px 0 !important;width: 100% !important;z-index: 20 !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-nav-btn {background-color: var(--riv-primary) !important;color: #ffffff !important;border: none !important;border-radius: 4px !important;padding: 8px 16px !important;font-size: 14px !important;font-weight: 700 !important;cursor: pointer !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;transition: opacity 0.2s, background-color 0.2s !important;height: 36px !important;text-transform: none !important;box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-nav-btn svg {width: 18px !important;height: 18px !important;stroke-width: 3px !important;filter: none !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-nav-btn:hover {opacity: 0.9 !important;transform: translateY(-1px) !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-nav-btn.disabled {background-color: #E5E7EB !important;color: #9CA3AF !important;cursor: default !important;pointer-events: none !important;box-shadow: none !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slide-counter {font-family: 'Poppins', sans-serif !important;font-size: 14px !important;font-weight: 600 !important;color: #374151 !important;text-align: center !important;min-width: 40px !important;background-color: rgba(255,255,255,0.8) !important;padding: 2px 8px !important;border-radius: 10px !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slideshow-select {position: absolute !important;top: 10px !important;right: 10px !important;z-index: 20 !important;appearance: none !important;-webkit-appearance: none !important;-moz-appearance: none !important;background-color: white !important;border: 1px solid #d1d5db !important;color: #1F2937 !important;font-family: 'Open Sans', sans-serif !important;font-size: 14px !important;font-weight: 600 !important;padding: 6px 32px 6px 12px !important;border-radius: 4px !important;cursor: pointer !important;box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;background-position: right 0.5rem center !important;background-repeat: no-repeat !important;background-size: 1.5em 1.5em !important;}#fv-chart-1781190434463-dzjv2su07-slideshow .fv-slideshow-select:focus {outline: 2px solid #E33235 !important;border-color: #E33235 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-chart-title {font-weight: bold !important;text-align: center !important;margin-bottom: 0.5rem !important;color: var(--riv-primary) !important;font-size: 20px !important;line-height: 1.2 !important;font-family: 'Open Sans', sans-serif !important;text-transform: none !important;white-space: normal !important;overflow-wrap: break-word !important;padding: 0 20px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-chart-subhead {font-size: 18px !important;font-weight: 500 !important;text-align: center !important;margin-bottom: 2rem !important;color: #374151 !important;line-height: 1.7 !important;font-family: 'Open Sans', sans-serif !important;display: block !important;text-transform: none !important;padding: 0 20px !important;}#fv-chart-1781190434463-dzjv2su07 .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper { flex: 1; min-width: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; }@keyframes fv-grow-max-width {from { max-width: 0; }to { max-width: 100%; }}#fv-chart-1781190434463-dzjv2su07 .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; }#fv-chart-1781190434463-dzjv2su07 .fv-inside-left { white-space: nowrap; flex-shrink: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-inside-right { white-space: nowrap; flex-shrink: 0; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; }#fv-chart-1781190434463-dzjv2su07 .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; }#fv-chart-1781190434463-dzjv2su07 .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-footer-content { text-align: center !important; width: 100% !important; }#fv-chart-1781190434463-dzjv2su07 .fv-logo {display: block !important;margin: 0 auto !important;width: 120px !important;min-width: 120px !important;max-width: 120px !important;height: auto !important;object-fit: contain !important;flex-shrink: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; }#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-title {appearance: none !important;-webkit-appearance: none !important;-moz-appearance: none !important;background: transparent !important;border: none !important;font-size: 18px !important;font-weight: 600 !important;color: var(--riv-primary) !important;padding-right: 28px !important;padding-left: 10px !important;cursor: pointer !important;text-align: center !important;text-align-last: center !important;width: auto !important;max-width: 100% !important;font-family: 'Open Sans', sans-serif !important;line-height: 1.3 !important;margin: 0 !important;text-overflow: ellipsis !important;overflow: hidden !important;white-space: nowrap !important;}#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-title:focus { outline: none !important; }#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-title::-ms-expand { display: none !important; }#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-chevron {position: absolute !important;right: 0 !important;top: 50% !important;transform: translateY(-50%) !important;pointer-events: none !important;color: var(--riv-primary) !important;display: flex !important;align-items: center !important;}#fv-chart-1781190434463-dzjv2su07 .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-carousel-nav-btn {background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important;cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important;}#fv-chart-1781190434463-dzjv2su07 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; }#fv-chart-1781190434463-dzjv2su07 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-multi-value-legend {display: flex !important;justify-content: center !important;flex-wrap: wrap !important;gap: 12px 24px !important;margin-bottom: 1.5rem !important;padding: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-benchmark-group { margin-bottom: 1rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-benchmark-title {font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important;text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important;font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important;text-transform: none !important;white-space: normal !important;overflow-wrap: break-word !important;word-wrap: break-word !important;max-width: 100% !important;}#fv-chart-1781190434463-dzjv2su07 .fv-bar-row, #fv-chart-1781190434463-dzjv2su07 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar:hover { opacity: 0.8 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-inner-value { flex-shrink: 0 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; }#fv-chart-1781190434463-dzjv2su07 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; }#fv-chart-1781190434463-dzjv2su07 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; }#fv-chart-1781190434463-dzjv2su07 .fv-stacked-bar { display: flex !important; overflow: hidden !important; }#fv-chart-1781190434463-dzjv2su07 .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; }#fv-chart-1781190434463-dzjv2su07 .fv-stacked-segment:last-child { border-right: none !important; }#fv-chart-1781190434463-dzjv2su07 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; }#fv-chart-1781190434463-dzjv2su07 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-grouped-product-title-wrapper { padding-left: 150px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-bar-cluster .fv-bar-container { height: 20px !important; }#fv-chart-1781190434463-dzjv2su07 .riv-grid line {stroke: #D1D5DB !important;stroke-dasharray: 3 3 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-ticks span { position: relative !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; }#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; }#fv-chart-1781190434463-dzjv2su07 .fv-y-axis-title {font-size: 15px !important;color: #374151 !important;line-height: 1.5 !important;text-align: left !important;padding-left: 5.83% !important;margin-bottom: 4px !important;display: block !important;font-weight: bold !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-pie-container,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-pie-container {flex-direction: column !important; gap: 1rem !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-grouped-product-title-wrapper,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-grouped-product-title-wrapper {padding-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-bar-row,#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-stacked-product,#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-grouped-bar-product,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-bar-row,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-stacked-product,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-grouped-bar-product {flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-bar-label:not(.fv-grouped-product-title),#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) {width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-bar-label,#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-grouped-product-title,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-bar-label,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-grouped-product-title {width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-bar-container,#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-bar-cluster,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-bar-container,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-bar-cluster {width: 100% !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-x-axis-wrapper,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-x-axis-wrapper {margin-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-x-axis-label-space,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-x-axis-label-space {display: none !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-x-axis-chart-space,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-x-axis-chart-space {padding-right: 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-benchmark-title,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-benchmark-title {font-size: 16px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-dropdown-title,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-dropdown-title {font-size: 16px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-carousel-nav-btn,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-carousel-nav-btn {padding: 8px 12px !important; font-size: 14px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-chart-title,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-chart-title {padding: 0 8px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-chart-subhead,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-chart-subhead {padding: 0 8px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-header,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-header {flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select-wrapper,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select-wrapper {flex: 1 !important; min-width: 0 !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select-wrapper.fv-left,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select-wrapper.fv-left {text-align: center !important; padding-right: 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select-wrapper.fv-right,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select-wrapper.fv-right {text-align: center !important; padding-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select.fv-select-left,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select.fv-select-left {text-align: center !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select.fv-select-right,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select.fv-select-right {text-align: center !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-vs,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-vs {text-align: center !important; padding: 0.25rem 0 !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select-container,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select-container {max-width: 100% !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-versus-select,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-versus-select {font-size: 14px !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-stl-shop-all-btn,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-stl-shop-all-btn {bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-stl-shop-all-logo,#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-stl-shop-all-icon,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-stl-shop-all-logo,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-stl-shop-all-icon {width: 2rem !important; height: 2rem !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-stl-shop-all-icon svg,#fv-chart-1781190434463-dzjv2su07.labels-on-top .fv-stl-shop-all-icon svg {width: 14px !important; height: 14px !important;}#fv-chart-1781190434463-dzjv2su07.mobile-view .fv-y-axis-title { padding-left: 5% !important; }#fv-chart-1781190434463-dzjv2su07.mobile-view.fv-contains-line-chart .fv-footer-content {margin-left: -1rem !important;margin-right: -1rem !important;}@media (max-width: 599px) {#fv-chart-1781190434463-dzjv2su07 .fv-pie-container {flex-direction: column !important; gap: 1rem !important;}#fv-chart-1781190434463-dzjv2su07 .fv-grouped-product-title-wrapper {padding-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-bar-row,#fv-chart-1781190434463-dzjv2su07 .fv-stacked-product,#fv-chart-1781190434463-dzjv2su07 .fv-grouped-bar-product {flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important;}#fv-chart-1781190434463-dzjv2su07 .fv-bar-label:not(.fv-grouped-product-title) {width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-bar-label,#fv-chart-1781190434463-dzjv2su07 .fv-grouped-product-title {width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-bar-container,#fv-chart-1781190434463-dzjv2su07 .fv-bar-cluster {width: 100% !important;}#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-wrapper {margin-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-label-space {display: none !important;}#fv-chart-1781190434463-dzjv2su07 .fv-x-axis-chart-space {padding-right: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-benchmark-title {font-size: 16px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-dropdown-title {font-size: 16px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-carousel-nav-btn {padding: 8px 12px !important; font-size: 14px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-chart-title {padding: 0 8px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-chart-subhead {padding: 0 8px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-header {flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper {flex: 1 !important; min-width: 0 !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-left {text-align: center !important; padding-right: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-wrapper.fv-right {text-align: center !important; padding-left: 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select.fv-select-left {text-align: center !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select.fv-select-right {text-align: center !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-vs {text-align: center !important; padding: 0.25rem 0 !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select-container {max-width: 100% !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07 .fv-versus-select {font-size: 14px !important; width: 100% !important;}#fv-chart-1781190434463-dzjv2su07 .fv-stl-shop-all-btn {bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important;}#fv-chart-1781190434463-dzjv2su07 .fv-stl-shop-all-logo,#fv-chart-1781190434463-dzjv2su07 .fv-stl-shop-all-icon {width: 2rem !important; height: 2rem !important;}#fv-chart-1781190434463-dzjv2su07 .fv-stl-shop-all-icon svg {width: 14px !important; height: 14px !important;}#fv-chart-1781190434463-dzjv2su07 .fv-y-axis-title { padding-left: 5% !important; }#fv-chart-1781190434463-dzjv2su07.fv-contains-line-chart .fv-footer-content {margin-left: -1rem !important;margin-right: -1rem !important;}}{"@context": "https://schema.org","@type": "Dataset","name": "Overall Chart Title","description": "Subhead to describe the test and what's being measured and why","creator": {"@type": "Organization","name": "PC Gamer","logo": "https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png"},"isAccessibleForFree": true,"dateCreated": "2026-06-11T15:07:14.463Z","citation": "Tested on a Zowie XL2586X+.","keywords": ["144 Hz","240 Hz","360 Hz","600 Hz","End-to-end latency (ms)","benchmark","comparison","performance","review","PC Gamer"],"measurementTechnique": "Performance Benchmarking","variableMeasured": [{"@type": "PropertyValue","name": "144 Hz – End-to-end latency (ms)","value": 7.5,"unitText": ""},{"@type": "PropertyValue","name": "240 Hz – End-to-end latency (ms)","value": 7,"unitText": ""},{"@type": "PropertyValue","name": "360 Hz – End-to-end latency (ms)","value": 7.38,"unitText": ""},{"@type": "PropertyValue","name": "600 Hz – End-to-end latency (ms)","value": 6.81,"unitText": ""}]}End-to-end latency (ms)144 Hz7.5240 Hz7360 Hz7.38600 Hz6.8102468End-to-end latency (ms) DataProductValue144 Hz7.5240 Hz7360 Hz7.38600 Hz6.81Tested on a Zowie XL2586X+.window.iFrameResizer = {heightCalculationMethod: 'taggedElement'};(function() {window.fvAnimateCharts = function(chartWrapper) {if (!chartWrapper) return;function animateBars(chartElement) {if (!chartElement) return;var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment');bars.forEach(function(bar, index) {bar.style.setProperty('width', '0%', 'important');bar.style.setProperty('transition', 'none', 'important');var targetWidth = bar.dataset.targetWidth;if (targetWidth === undefined) return;void bar.offsetWidth;var targetMargin = bar.dataset.targetMargin;var baseMargin = bar.dataset.baseMargin;if (baseMargin !== undefined) {bar.style.setProperty('margin-left', baseMargin + '%', 'important');}setTimeout(function() {var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : '';bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important');bar.style.setProperty('width', targetWidth + '%', 'important');if (targetMargin !== undefined && baseMargin !== undefined) {bar.style.setProperty('margin-left', targetMargin + '%', 'important');}}, index * 50 + 50);});}function animateLineChart(chartElement) {if (!chartElement) return;var lineSvg = chartElement.querySelector('svg');if (!lineSvg) return;var paths = lineSvg.querySelectorAll('.riv-line-path');paths.forEach(function(p, i) {if (typeof p.getTotalLength === 'function') {var len = p.getTotalLength();p.style.transition = 'none';p.style.strokeDasharray = len;p.style.strokeDashoffset = len;p.getBoundingClientRect();setTimeout(function() {p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s';p.style.strokeDashoffset = '0';}, 100);}});var dots = lineSvg.querySelectorAll('.riv-dot');dots.forEach(function(dot, i) {dot.style.opacity = '0';setTimeout(function() {dot.style.transition = 'opacity 0.3s ease';dot.style.opacity = '1';}, 500 + i * 10);});}var charts = chartWrapper.querySelectorAll('.fv-chart-item');charts.forEach(function(chart) {if (window.getComputedStyle(chart).display === 'none') return;var chartType = chart.dataset.chartType;if (chartType === 'Line') {animateLineChart(chart);} else if (chartType !== 'Pie') {animateBars(chart);}});};function initialize(uniqueId, isSlideshow) {var root = document.getElementById(uniqueId);if (!root && !isSlideshow) return;function setupWrapper(chartWrapper) {if (!chartWrapper) return;function checkMobileView() {var width = chartWrapper.getBoundingClientRect().width;var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height) rightNum) {winner = 'left';if (rightNum > 0) {var diff = Math.round(((leftNum - rightNum) / rightNum) * 100);pctDiffStr = '+' + diff.toLocaleString() + '%';}} else if (rightNum > leftNum) {winner = 'right';if (leftNum > 0) {var diff = Math.round(((rightNum - leftNum) / leftNum) * 100);pctDiffStr = '+' + diff.toLocaleString() + '%';}}}var leftDisplay = data.productData[leftProduct] && data.productData[leftProduct].displayValue !== undefined ? data.productData[leftProduct].displayValue : (leftIsNum ? leftNum.toLocaleString() : (leftVal !== undefined ? leftVal : '-'));var rightDisplay = data.productData[rightProduct] && data.productData[rightProduct].displayValue !== undefined ? data.productData[rightProduct].displayValue : (rightIsNum ? rightNum.toLocaleString() : (rightVal !== undefined ? rightVal : '-'));var unit = (data.productData[leftProduct] && data.productData[leftProduct].unit) ||(data.productData[rightProduct] && data.productData[rightProduct].unit) || '';var leftTextStr = leftDisplay;var rightTextStr = rightDisplay;var leftBar = row.querySelector('.fv-versus-bar-left');var rightBar = row.querySelector('.fv-versus-bar-right');var leftText = row.querySelector('.fv-inside-left');var rightText = row.querySelector('.fv-inside-right');var labelText = row.querySelector('.fv-versus-label span');var leftWrapper = row.querySelector('.fv-versus-bar-left-wrapper');var rightWrapper = row.querySelector('.fv-versus-bar-right-wrapper');var existingPctDiffs = row.querySelectorAll('.fv-versus-pct-diff');existingPctDiffs.forEach(function(el) { el.remove(); });if (winner === 'left' && pctDiffStr) {var pctSpan = document.createElement('span');pctSpan.className = 'fv-versus-pct-diff';pctSpan.style.color = 'rgba(255, 255, 255, 0.9)';pctSpan.textContent = pctDiffStr;if (leftBar) leftBar.insertBefore(pctSpan, leftBar.firstChild);} else if (winner === 'right' && pctDiffStr) {var pctSpan = document.createElement('span');pctSpan.className = 'fv-versus-pct-diff';pctSpan.style.color = 'rgba(255, 255, 255, 0.9)';pctSpan.textContent = pctDiffStr;if (rightBar) rightBar.appendChild(pctSpan);}if (leftBar) {leftBar.style.backgroundColor = leftColor;leftBar.dataset.targetWidth = leftWidth;leftBar.style.setProperty('--target-width', leftWidth + '%');leftBar.style.width = leftWidth + '%';}if (rightBar) {rightBar.style.backgroundColor = rightColor;rightBar.dataset.targetWidth = rightWidth;rightBar.style.setProperty('--target-width', rightWidth + '%');rightBar.style.width = rightWidth + '%';}if (leftText) {leftText.innerHTML = leftTextStr;}if (rightText) {rightText.innerHTML = rightTextStr;}if (labelText) {labelText.textContent = data.attribute + (unit ? ' (' + unit + ')' : '');}});}if (leftSelect) leftSelect.addEventListener('change', updateVersusChart);if (rightSelect) rightSelect.addEventListener('change', updateVersusChart);});var charts = chartWrapper.querySelectorAll('.fv-chart-item');var dropdown = chartWrapper.querySelector('.fv-dropdown-title');var prevBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.prev');var nextBtn = chartWrapper.querySelector('.fv-carousel-nav-btn.next');var carouselTitle = chartWrapper.querySelector('.fv-carousel-title-controls .fv-benchmark-title');var counter = chartWrapper.querySelector('.fv-carousel-counter');var subheadEl = chartWrapper.querySelector('.fv-chart-subhead');var captionEl = chartWrapper.querySelector('.rv-chart-caption');var footerContentEl = chartWrapper.querySelector('.fv-footer-content');var bottomBarEl = chartWrapper.querySelector('.fv-bottom-bar');var logoEl = chartWrapper.querySelector('.fv-logo');if (charts.length > 1 && (dropdown || prevBtn)) {var currentChartIndex = 0;var titles = [];if (dropdown) {titles = Array.from(dropdown.options).map(function(o) { return o.text; });} else {charts.forEach(function(c) {titles.push(c.getAttribute('data-title') || '');});}function showInternalChart(index) {if (index < 0) index = charts.length - 1;if (index >= charts.length) index = 0;currentChartIndex = index;charts.forEach(function(c, i) {c.style.display = i === index ? 'block' : 'none';if (i === index) {var cType = c.dataset.chartType;if (cType === 'Line') {} else if (cType !== 'Pie') {window.fvAnimateCharts(chartWrapper);}var labelsOnTop = chartWrapper.dataset.barLabelsOnTop === 'true';if (labelsOnTop && (cType === 'Bar' || cType === 'Stacked Bar' || cType === 'Versus')) {chartWrapper.classList.add('labels-on-top');} else {chartWrapper.classList.remove('labels-on-top');}}});if (dropdown) dropdown.value = index;if (carouselTitle && titles[index]) carouselTitle.textContent = titles[index];if (counter) counter.textContent = (index + 1) + ' of ' + charts.length;var activeChart = charts[index];if (activeChart) {var newSubhead = activeChart.getAttribute('data-subhead');var newCaption = activeChart.getAttribute('data-caption');var currentChartType = activeChart.getAttribute('data-chart-type');var hideGlobalCaption = currentChartType === 'Countdown' || currentChartType === 'Image Comparison' || currentChartType === 'Shop the Collection';if (subheadEl) subheadEl.textContent = newSubhead || '';if (captionEl) captionEl.textContent = newCaption || '';if (footerContentEl) {if (newCaption && newCaption.trim().length > 0 && !hideGlobalCaption) {footerContentEl.style.display = 'block';if (bottomBarEl) bottomBarEl.style.display = 'flex';} else {footerContentEl.style.display = 'none';if (bottomBarEl && !logoEl) {bottomBarEl.style.display = 'none';}}}}}if (dropdown) dropdown.addEventListener('change', function(e) { showInternalChart(parseInt(e.target.value)); });if (prevBtn) prevBtn.addEventListener('click', function() { showInternalChart(currentChartIndex - 1); });if (nextBtn) nextBtn.addEventListener('click', function() { showInternalChart(currentChartIndex + 1); });}var imageCompareWrappers = chartWrapper.querySelectorAll('.fv-image-compare-wrapper');imageCompareWrappers.forEach(function(wrapper) {var inner = wrapper.querySelector('.fv-image-compare-inner') || wrapper;var slider = wrapper.querySelector('.fv-image-compare-slider');var fgImage = wrapper.querySelector('.fv-image-compare-fg');var bgImage = wrapper.querySelector('.fv-image-compare-bg');var labelLeft = wrapper.querySelector('.fv-image-compare-label-left');var labelRight = wrapper.querySelector('.fv-image-compare-label-right');var isDragging = false;var scale = 1;var panX = 0;var panY = 0;var isPanning = false;var hasPanned = false;var lastClientX = 0;var lastClientY = 0;var initialDistance = null;var lastCenterX = null;var lastCenterY = null;function updateTransform() {if (wrapper.classList.contains('fv-image-compare-fullscreen')) {inner.style.setProperty('transform', 'translate(' + panX + 'px, ' + panY + 'px) scale(' + scale + ')', 'important');} else {inner.style.removeProperty('transform');scale = 1;panX = 0;panY = 0;}}function constrainPan() {var rect = wrapper.getBoundingClientRect();var maxPanX = Math.max(0, (rect.width * scale - rect.width) / 2);var maxPanY = Math.max(0, (rect.height * scale - rect.height) / 2);panX = Math.max(-maxPanX, Math.min(panX, maxPanX));panY = Math.max(-maxPanY, Math.min(panY, maxPanY));}wrapper.addEventListener('wheel', function(e) {if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return;e.preventDefault();var zoomSensitivity = 0.005;var zoomFactor = Math.exp(-e.deltaY * zoomSensitivity);var newScale = Math.max(1, Math.min(scale * zoomFactor, 5));if (newScale === scale) return;var rect = wrapper.getBoundingClientRect();var mouseX = e.clientX - rect.left - rect.width / 2;var mouseY = e.clientY - rect.top - rect.height / 2;var ratio = newScale / scale;panX = mouseX - (mouseX - panX) * ratio;panY = mouseY - (mouseY - panY) * ratio;scale = newScale;constrainPan();updateTransform();}, { passive: false });wrapper.addEventListener('mousedown', function(e) {if (!wrapper.classList.contains('fv-image-compare-fullscreen') || scale 2 || Math.abs(dy) > 2) {hasPanned = true;}lastClientX = e.clientX;lastClientY = e.clientY;panX += dx;panY += dy;constrainPan();updateTransform();});window.addEventListener('mouseup', function() {isPanning = false;});wrapper.addEventListener('touchstart', function(e) {if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return;if (e.touches.length === 2) {e.preventDefault();var dx = e.touches[0].clientX - e.touches[1].clientX;var dy = e.touches[0].clientY - e.touches[1].clientY;initialDistance = Math.sqrt(dx * dx + dy * dy);var rect = wrapper.getBoundingClientRect();lastCenterX = (e.touches[0].clientX + e.touches[1].clientX) / 2 - rect.left - rect.width / 2;lastCenterY = (e.touches[0].clientY + e.touches[1].clientY) / 2 - rect.top - rect.height / 2;hasPanned = true;} else if (e.touches.length === 1 && scale > 1) {if (e.target.closest('.fv-image-compare-slider') || e.target.closest('button')) return;isPanning = true;hasPanned = false;lastClientX = e.touches[0].clientX;lastClientY = e.touches[0].clientY;}}, { passive: false });wrapper.addEventListener('touchmove', function(e) {if (!wrapper.classList.contains('fv-image-compare-fullscreen')) return;if (e.touches.length === 2 && initialDistance !== null) {e.preventDefault();var dx = e.touches[0].clientX - e.touches[1].clientX;var dy = e.touches[0].clientY - e.touches[1].clientY;var distance = Math.sqrt(dx * dx + dy * dy);if (initialDistance > 0) {var zoomFactor = distance / initialDistance;var newScale = Math.max(1, Math.min(scale * zoomFactor, 5));var rect = wrapper.getBoundingClientRect();var centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2 - rect.left - rect.width / 2;var centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2 - rect.top - rect.height / 2;var ratio = newScale / scale;panX = centerX - (centerX - panX) * ratio;panY = centerY - (centerY - panY) * ratio;if (lastCenterX !== null && lastCenterY !== null) {panX += (centerX - lastCenterX);panY += (centerY - lastCenterY);}scale = newScale;lastCenterX = centerX;lastCenterY = centerY;constrainPan();updateTransform();}initialDistance = distance;} else if (e.touches.length === 1 && isPanning) {e.preventDefault();var dx = e.touches[0].clientX - lastClientX;var dy = e.touches[0].clientY - lastClientY;if (Math.abs(dx) > 2 || Math.abs(dy) > 2) {hasPanned = true;}lastClientX = e.touches[0].clientX;lastClientY = e.touches[0].clientY;panX += dx;panY += dy;constrainPan();updateTransform();}}, { passive: false });wrapper.addEventListener('touchend', function(e) {if (e.touches.length < 2) {initialDistance = null;}if (e.touches.length === 0) {isPanning = false;}});function handleMove(clientX) {var rect = inner.getBoundingClientRect();var x = Math.max(0, Math.min(clientX - rect.left, rect.width));var percent = Math.max(0, Math.min((x / rect.width) * 100, 100));if (slider) slider.style.setProperty('left', percent + '%', 'important');if (fgImage) fgImage.style.setProperty('clip-path', 'polygon(0 0, ' + percent + '% 0, ' + percent + '% 100%, 0 100%)', 'important');if (labelLeft) {if (percent < 10) {labelLeft.style.setProperty('opacity', '0', 'important');} else {labelLeft.style.setProperty('opacity', '1', 'important');}}if (labelRight) {if (percent > 90) {labelRight.style.setProperty('opacity', '0', 'important');} else {labelRight.style.setProperty('opacity', '1', 'important');}}}function onMouseMove(e) {if (!isDragging) return;handleMove(e.clientX);}function onTouchMove(e) {if (!isDragging) return;e.preventDefault();handleMove(e.touches[0].clientX);}function stopDragging() {isDragging = false;window.removeEventListener('mousemove', onMouseMove);window.removeEventListener('mouseup', stopDragging);window.removeEventListener('touchmove', onTouchMove);window.removeEventListener('touchend', stopDragging);}if (slider) {var startDrag = function(clientX) {isDragging = true;handleMove(clientX);window.addEventListener('mousemove', onMouseMove);window.addEventListener('mouseup', stopDragging);};var startTouchDrag = function(clientX) {isDragging = true;handleMove(clientX);window.addEventListener('touchmove', onTouchMove, { passive: false });window.addEventListener('touchend', stopDragging);};slider.addEventListener('mousedown', function(e) {e.preventDefault();startDrag(e.clientX);});slider.addEventListener('touchstart', function(e) {e.preventDefault();startTouchDrag(e.touches[0].clientX);}, { passive: false });}var expandBtn = wrapper.querySelector('.fv-image-compare-expand-btn');var closeBtn = wrapper.querySelector('.fv-image-compare-close-btn');if (expandBtn) {if (window !== window.parent) {expandBtn.style.display = 'none';} else {expandBtn.addEventListener('click', function(e) {e.stopPropagation();wrapper.classList.add('fv-image-compare-fullscreen');document.body.style.overflow = 'hidden';if (fgImage && fgImage.dataset.highresSrc) {fgImage.src = fgImage.dataset.highresSrc;fgImage.removeAttribute('srcset');fgImage.removeAttribute('sizes');}if (bgImage && bgImage.dataset.highresSrc) {bgImage.src = bgImage.dataset.highresSrc;bgImage.removeAttribute('srcset');bgImage.removeAttribute('sizes');}});}}if (closeBtn) {closeBtn.addEventListener('click', function(e) {e.stopPropagation();wrapper.classList.remove('fv-image-compare-fullscreen');document.body.style.overflow = '';updateTransform();});}document.addEventListener('keydown', function(e) {if (e.key === 'Escape' && wrapper.classList.contains('fv-image-compare-fullscreen')) {wrapper.classList.remove('fv-image-compare-fullscreen');document.body.style.overflow = '';updateTransform();}});});var hotspots = chartWrapper.querySelectorAll('.fv-stl-hotspot-btn');var allProductsModal = chartWrapper.querySelector('.fv-stl-all-products-modal');var shopAllBtn = chartWrapper.querySelector('.fv-stl-shop-all-btn');var allProductsList = chartWrapper.querySelector('.fv-stl-all-products-list');var stlContainer = chartWrapper.querySelector('.fv-stl-container');function closeAllModals() {if (allProductsModal) {allProductsModal.classList.remove('is-active');var items = allProductsModal.querySelectorAll('.fv-stl-all-products-item');items.forEach(function(item) {item.classList.remove('is-highlighted');});if (stlContainer) {setTimeout(function() {if (!allProductsModal.classList.contains('is-active')) {stlContainer.style.minHeight = '';if ('parentIFrame' in window) {window.parentIFrame.size();}}}, 300);}}hotspots.forEach(function(btn) { btn.setAttribute('aria-expanded', 'false'); });if ('parentIFrame' in window) {window.parentIFrame.size();}}hotspots.forEach(function(btn) {btn.addEventListener('click', function(e) {e.stopPropagation();var hotspotId = btn.getAttribute('data-hotspot-id');var isExpanded = btn.getAttribute('aria-expanded') === 'true';closeAllModals();if (!isExpanded && allProductsModal) {btn.setAttribute('aria-expanded', 'true');allProductsModal.classList.add('is-active');var container = btn.closest('.fv-stl-container');if (container && container.offsetHeight < 450) {container.style.minHeight = '450px';}var targetItem = allProductsModal.querySelector('.fv-stl-all-products-item[data-product-id="' + hotspotId + '"]');if (targetItem) {targetItem.classList.add('is-highlighted');setTimeout(function() {targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' });}, 100);}if ('parentIFrame' in window) {window.parentIFrame.size();}}});});if (shopAllBtn && allProductsModal) {shopAllBtn.addEventListener('click', function(e) {e.stopPropagation();closeAllModals();allProductsModal.classList.add('is-active');var container = shopAllBtn.closest('.fv-stl-container');if (container && container.offsetHeight < 450) {container.style.minHeight = '450px';}if ('parentIFrame' in window) {window.parentIFrame.size();}});}if (allProductsModal) {var closeAllBtn = allProductsModal.querySelector('.fv-stl-all-products-close');if (closeAllBtn) {closeAllBtn.addEventListener('click', function(e) {e.stopPropagation();closeAllModals();});}}chartWrapper.addEventListener('click', function(e) {if (!e.target.closest('.fv-stl-all-products-content')) {closeAllModals();}});if (allProductsModal) {allProductsModal.addEventListener('click', function(e) {if (!e.target.closest('.fv-stl-all-products-content')) {closeAllModals();}});}var iaNodes = chartWrapper.querySelectorAll('.fv-ia-node-button');var iaWrapper = chartWrapper.querySelector('.fv-ia-wrapper');var originalCaption = chartWrapper.querySelector('.fv-original-caption') || captionEl;var dynamicCaption = chartWrapper.querySelector('.fv-ia-dynamic-caption');var exploreBtn = chartWrapper.querySelector('.fv-ia-explore-btn');var currentIaIndex = -1;function closeAllIANodes() {iaNodes.forEach(function(btn) { btn.classList.remove('is-active'); });if (originalCaption) originalCaption.style.display = 'block';if (dynamicCaption) dynamicCaption.style.display = 'none';}function resetExploreBtn() {currentIaIndex = -1;if (exploreBtn) {var exploreSpan = exploreBtn.querySelector('span');if (exploreSpan) exploreSpan.textContent = 'Explore';}}iaNodes.forEach(function(btn, index) {btn.addEventListener('click', function(e) {e.stopPropagation();var isActive = btn.classList.contains('is-active');closeAllIANodes();if (!isActive) {currentIaIndex = index;if (exploreBtn) {var exploreSpan = exploreBtn.querySelector('span');if (exploreSpan) exploreSpan.textContent = 'Next';}btn.classList.add('is-active');if (dynamicCaption) {var title = btn.getAttribute('data-title') || '';var desc = btn.getAttribute('data-desc') || '';dynamicCaption.innerHTML = '';var strongTag = document.createElement('strong');strongTag.textContent = title;dynamicCaption.appendChild(strongTag);if (desc) {dynamicCaption.appendChild(document.createTextNode(' - ' + desc));}if (originalCaption) originalCaption.style.display = 'none';dynamicCaption.style.display = 'block';if (footerContentEl) footerContentEl.style.display = 'block';}} else {resetExploreBtn();}});});if (exploreBtn) {exploreBtn.addEventListener('click', function(e) {e.stopPropagation();if (iaNodes.length === 0) return;var nextIndex = currentIaIndex + 1;if (nextIndex >= iaNodes.length) {closeAllIANodes();resetExploreBtn();} else {currentIaIndex = nextIndex;var targetBtn = iaNodes[currentIaIndex];if (targetBtn) {if(targetBtn.classList.contains('is-active')) {targetBtn.click();}targetBtn.click();}}});}if (iaWrapper) {iaWrapper.addEventListener('click', function(e) {if (!e.target.closest('.fv-ia-node-button') && !e.target.closest('.fv-ia-explore-btn')) {closeAllIANodes();resetExploreBtn();}});}window.fvAnimateCharts(chartWrapper);var countdownContainer = chartWrapper.querySelector('.fv-countdown-container');if (countdownContainer) {var targetDateAttr = countdownContainer.getAttribute('data-target-date');if (targetDateAttr) {var targetDate = new Date(targetDateAttr);var primaryColor = countdownContainer.getAttribute('data-primary-color') || '#f97316';var subheadColor = countdownContainer.getAttribute('data-subhead-color') || '#ffffff';var pad = function(n) { return (n < 10 ? '0' : '') + n; };var updateCountdown = function() {var difference = +targetDate - +new Date();var d = 0, h = 0, m = 0, s = 0;if (difference > 0) {d = Math.floor(difference / (1000 * 60 * 60 * 24));h = Math.floor((difference / (1000 * 60 * 60)) % 24);m = Math.floor((difference / 1000 / 60) % 60);s = Math.floor((difference / 1000) % 60);}var daysEl = countdownContainer.querySelector('[data-time="days"]');var hoursEl = countdownContainer.querySelector('[data-time="hours"]');var minsEl = countdownContainer.querySelector('[data-time="minutes"]');var secsEl = countdownContainer.querySelector('[data-time="seconds"]');if (daysEl) daysEl.textContent = d;if (hoursEl) hoursEl.textContent = pad(h);if (minsEl) minsEl.textContent = pad(m);if (secsEl) secsEl.textContent = pad(s);};updateCountdown();setInterval(updateCountdown, 1000);}}}if (false) {var slideshowContainer = document.getElementById(uniqueId + '-slideshow');if (slideshowContainer) {var slides = slideshowContainer.querySelectorAll('.fv-slide');slides.forEach(function(slide) {setupWrapper(slide.querySelector('.fv-chart-wrapper'));});}} else {setupWrapper(root);}}if (document.readyState === 'loading') {document.addEventListener('DOMContentLoaded', function() { initialize('fv-chart-1781253456847-sxm3mtbvg', false); });} else {initialize('fv-chart-1781253456847-sxm3mtbvg', false);}})();Note that the results are the same whether VRR (FreeSync Premium) was enabled or disabled. VRR only kicks in when frame rates are below your refresh rate, but even with frame rates capped so it could take effect, it didn't change latency.
Here are the two main takeaways from this:
- It's better to have your frame rate uncapped if your system can churn out frames higher than your refresh rate, as this can lower your response time.
- If your system can't produce a frame rate higher than your refresh rate, you might as well cap it just below and enable VRR to have the benefit of zero screen tears.
There are, of course, caveats to all of the above. For one, you shouldn't ignore differences between panels: if it's an OLED, it will have an ultra-low response time, if it's a VA, it will likely have a higher one, and if it's an IPS, it will very much depend on the panel.
You also shouldn't ignore differences between people. A younger pro gamer might, for instance, be able to derive more of an actual benefit to how well they play by stepping up from 240 Hz to 360 Hz, where I, as a 31-year-old non-pro, cannot.
And probably the biggest caveat is that all of the above is redundant if your system can't pump out enough frames to keep up with your refresh rate. It's also irrelevant if you mainly play casual games and don't care so much about having the snappiest response time and clearest view of enemies in motion. I don't particularly care for much above 144 Hz if I'm sitting back with a controller in a third-person shooter, for instance.
Ultimately, though, I think most people who are into competitive shooters will be similar to me in how they are likely to perceive differences between high refresh rates. For my money, I think 360 Hz is the sweet spot before diminishing returns kick in, not only in terms of how much it helps you play well but also how pleasant it feels to experience. 240 Hz isn't much worse, though, and if I were on a strict budget, that would be what I'd opt for—but no lower. 144 Hz and 165 Hz are certainly far from the limit before significant diminishing returns kick in.
Original reporting appears on the publisher’s site.
Open original article →