I have a container set to display image thumbnails with a css grid. There are about 5000 image elements and if I scroll too fast, Chrome can’t seem to manage to display them quickly enough and it looks like I am scrolling an empty container until I stop and give it a frame or two to catch up. Is there anything I can do to improve the performance? I can get smooth, frame perfect scrolling of 5000 thumbnails if I resort to canvas using ImageBitmap
instead of HTMLImageElement
, but this adds a lot of extra implementation (not to mention memory usage.)