Sluggish scrolling on a non-high-end (mobile) device
- Dominant language
- JavaScript
- Stars
- 1.5k
- Forks
- 186
- Avg merge
- 1d 36m
- Merged PRs (30d)
- 11
Description
**Describe the bug**
Scrolling any of the timelines as well as the settings screen has a noticeable lag on a less powerful device (see below); I suspect some CSS filters (blur?) might be at fault, but not sure how to confirm this. If this is so, maybe a toggle somewhere in settings for disabling expensive eye-candy would help?
- Which site: both dev.phanpy.social and phanpy.social
- Which instance: _any instance_
**To Reproduce**
Steps to reproduce the behavior:
1. Go to the home timeline or settings (as an example)
2. Try scrolling the page;
3. Notice annoying lag.
**Expected behavior**
The page should scroll / operate without any heavy-lifting on the CPU or GPU or power drain.
**Screenshots**
https://github.com/cheeaun/phanpy/assets/479389/eaaf04dd-bb7c-4fcc-b0bd-0b4c0f510877
**Smartphone (please complete the following information):**
- Device: Sony Xperia 10
- OS: LineageOS 20 (Android 13)
- Browser Fennec F-Droid (Firefox)
- Version 120.0.0
Contributor guide
No contributing guide indexed for this repository
Research direction
Reproduce the lag in the home timeline and settings screen on the reported Xperia 10 with Fennec Firefox, then profile scrolling to identify whether CSS filters or another frontend cost is responsible. Done means scrolling is responsive on less powerful devices without excessive CPU, GPU, or power use, with any performance setting or scope clearly established.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend, performance, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100