yomikiru: Stuttering when scrolling down large size images or too many images

If any dev reading this knows the solution, please reply.

  • Less prominent with app.disableHardwareAcceleration();
  • Appears to depend on hardware capability.
  • Does not stutter once you have scrolled to the end. So, its related to how chromium render images?
  • Images are preloaded by setting src on const img = document.createElement("img"); inside useLayoutEffect(()=>{ },[])

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 25 (14 by maintainers)

Most upvoted comments

If it is disabled, then will the RAM usage be the same as now.

Yes

Canvas is not forced; it is there as optional feature if you are experiencing too much stuttering because of image compressing and is disabled by default.

I do not understand these jargon, but if it helps you,

  1. Stack Overflow
  2. Medium
  3. Fantinel, This might solve it. Lazy Loading and Async Decoding
  4. Twitter
  5. Html Spec

@omodia It is issue of total cache size limit in chromium, not the resolution of images. Images are loaded in cache and if they are all decode in similar time frame then if cache is full, other images are discarded. If you manually decode image again, it will remove some of previous cache and write new one. But still it’s no use since cache size if not changeable or at least that what I have found so far.