luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix scrolling in cards-view lagging regularly on small screens

Browse source
This commit is contained in:
heikomat 2022-06-18 09:00:30 +02:00 committed by Michael Mayer
parent fb2ea6054c
commit 5331086038
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/component/photo/cards.vue
View file

@ -317,13 +317,11 @@ export default {
}
/**
* observing only every 5th item reduces the amount of time
* spent computing intersection by 80%. me might render up to
* 8 items more than required, but the time saved computing
* intersections is far greater than the time lost rendering
* a couple more items
* observing only every 5th item doesn't work here, because on small
* screens there aren't >= 5 elements in the viewport at all times.
* observing every second element should work.
*/
for (let i = 0; i < this.$refs.items.length; i += 5) {
for (let i = 0; i < this.$refs.items.length; i += 2) {
this.intersectionObserver.observe(this.$refs.items[i]);
}
},