jketreno/ketr.photos
1
0
Fork 0
Code Issues 1 Activity

Reduce async loading from 0.25s to "when idle" and randomize load order

Browse Source 
Signed-off-by: James Ketrenos <james_git@ketrenos.com>
This commit is contained in:
James Ketr 2018-09-06 20:19:07 -07:00
parent 6e883c98fe
commit 78d667bdec
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/ketr-photos/ketr-photos.html
View File

@ -323,6 +323,8 @@
start = 0; start = 0;
stop = this.thumbnails.length - 1; stop = this.thumbnails.length - 1;
/* If there were visible thumbs, use the one from the middle as the starting
* point to check visibility. Otherwise, binary-tree the entire image list */
if (this.visibleThumbs.length) { if (this.visibleThumbs.length) {
index = this.visibleThumbs[this.visibleThumbs.length >> 1]; index = this.visibleThumbs[this.visibleThumbs.length >> 1];
} else { } else {
@ -390,6 +392,16 @@
this.thumbnails[index].visible = false; this.thumbnails[index].visible = false;
}.bind(this)); }.bind(this));
/* Randomly index the visible array, keeping the center
* in the middle. This makes the loading look more organic. */
for (var i = 0; i < visible.length >> 1; i++) {
if (Math.rand() > 0.5) {
var tmp = visible[i];
visible[i] = visible[visible.length - 1];
visible[visible.length - 1] = tmp;
}
}
/* Turn on visibility for any item that is now visible */ /* Turn on visibility for any item that is now visible */
visible.forEach(function(index) { visible.forEach(function(index) {
if (this.thumbnails[index].visible != true) { if (this.thumbnails[index].visible != true) {
@ -398,7 +410,7 @@
}.bind(this)); }.bind(this));
this.visibleThumbs = visible; this.visibleThumbs = visible;
}, 250); });
}, },
findPhoto: function(photo) { findPhoto: function(photo) {