Skip to content

Commit 24a3ce9

Browse files
committed
update PSA
1 parent 3e45bae commit 24a3ce9

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

README.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,8 +100,16 @@ React scroll parallax should support the last two versions of all major browsers
100100

101101
## Optimizations to Reduce Jank
102102

103-
Considerations to reduce have been taken to reduce jank. [Please read more here](https://github.com/jscottsmith/parallax-controller#optimizations-to-reduce-jank) on how this is done
103+
Considerations to have been taken to reduce jank -- [please read more here](https://github.com/jscottsmith/parallax-controller#optimizations-to-reduce-jank) on how this is done
104104

105105
### **PSA**
106106

107-
Even with these optimizations scroll effects can cause jank. If you use this lib make sure to keep images small and optimized, reduce the number of moving elements in view and on the page in total, and disable scroll effects on mobile devices. That should keep scrolling smooth and users happy.
107+
Even with optimizations _scroll effects can cause jank_. It's also important to keep in mind that scroll effects are usually not critical to a users experience and sometimes can be annoying.
108+
109+
If you use these components make sure you seriously consider the following:
110+
111+
- Keep images small (do not use inappropriately high resolutions) and optimized (use appropriate compression)
112+
- Reduce the number of scroll effects on elements in view and on the page in total
113+
- Disable the use — or limit the amount — of scroll effects for users on mobile devices
114+
115+
Follow the above and you should keep scrolling smooth and users happy.

0 commit comments

Comments
 (0)