Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Subito’s Shoes-category Brand filter became sluggish because opening its menu mounted about 1,175 options at once. The team’s reported fix was to render only the visible rows and a small buffer around them. In the authors’ local Chrome DevTools test, using a mobile viewport and 4× CPU slowdown, the reported INP fell from 1,256 ms to 96 ms. Those figures describe this case study, not a result guaranteed for every list or device.
Why opening the Brand filter was slow
Subito used a shared custom MultiSelect described as a reskinned react-select component. Filters with around a dozen choices worked acceptably, but the Brand filter on a Shoes category page contained around 1,175 options. Its menu viewport showed only about six rows at a time.
As an Amazon Associate I earn from qualifying purchases.
According to the case-study authors, opening the unvirtualized menu synchronously created all 1,175 Option components, including each label and custom checkbox, before the browser could paint the open menu. That work formed a large processing block during an interaction the user expected to feel immediate. The authors’ diagnosis is specific to their implementation; Google notes more generally that large DOMs can make rendering updates more expensive and delay presentation of the next frame.
Recommended Free Tools
What the INP numbers mean
Interaction to Next Paint (INP) measures the time from a qualifying user interaction until the browser can present the next frame. It accounts for input delay before event handlers begin, processing time while callbacks run, and presentation delay before the frame appears. Clicks, taps, and keyboard interactions can contribute; a page’s INP reflects responsiveness across a visit.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
Google web.dev classifies INP of 200 ms or less as good, over 200 ms through 500 ms as needing improvement, and above 500 ms as poor. Those thresholds are assessed at the 75th percentile of page loads, segmented by mobile and desktop. See Google’s INP guidance.
How windowing reduced the work
Rather than mounting every option, the team reported implementing a custom useVirtualScroll hook. It measured one rendered option’s height after mount, calculated the total list height, and used the scroll position to identify which rows should currently be rendered. A spacer preserved the apparent height of the full list, while only the visible slice and a five-item overscan buffer were mounted as option elements. This lets the user scroll through the full list without keeping every option in the DOM.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
The authors report that their local INP reading changed from 1,256 ms before the fix to 96 ms afterward, with 13 rendered [role="option"] nodes after the change. Both readings came from their Chrome DevTools setup with a simulated mobile viewport and 4× CPU slowdown. The case study does not state the exact handset model, browser version, sample or repeat count, or full protocol; it is a useful illustration, not an independent replication or field-wide result. The before-and-after comparison is in the Subito case study.
When fixed-height windowing is appropriate
The simple index arithmetic in this approach depends on rows having a consistent height. If labels wrap, group headers take extra space, or layout changes after a font loads, device rotation, or viewport resize, the estimated positions can drift. That can create gaps or overlap and make some options difficult or impossible to reach.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Choose an implementation based on the shape of the list:
| Approach | Best fit | Trade-off |
|---|---|---|
| Fixed-height rows with index arithmetic | A list whose rows remain uniformly sized across supported layouts. | Can be a compact implementation, but variable heights or layout changes undermine position accuracy. |
| Measured variable-height rows | Lists with wrapped labels, group headers, or content that changes row height. | Requires measuring rows and maintaining those measurements as content and layout change. |
These are implementation trade-offs, not a benchmark: the Subito article does not report a head-to-head performance comparison. For a uniform list, a small custom window may be sufficient; for variable-height content, use row measurement or a virtualization library designed to handle it. Another option is to keep rows uniform where the product design allows it.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Search and interaction behavior to check
Windowing means off-screen options are absent from the DOM. The Subito authors note that browser-native Ctrl+F therefore cannot find an option that has not been rendered. If users need to locate a brand by name, provide a custom search that searches the full option data and brings a match into view; do not rely on the browser’s find feature as the only way to locate an unmounted row.
Before shipping a windowed dropdown, check that scrolling, keyboard navigation, selection, and search still operate across the entire data set—not just the rows currently mounted. Also test the supported widths and font-loading or resizing states so the rendered slice stays aligned with the scroll position.
Quick Recap
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
