more efficient generation of retrievelQueue

Co-authored-by: Borewit <[email protected]>

Author: hvianna

src/index.js

@@ -3303,7 +3303,13 @@ async function retrieveBackgrounds() {
 async function retrieveMetadata() {
 
 	// find the first MAX_METADATA_REQUESTS items for which we haven't retrieved the metadata yet
-	const retrievalQueue = Array.from(playlist.children).filter(el => el.dataset.retrieve).slice(0, MAX_METADATA_REQUESTS);
+	const retrievalQueue = [];
+	for (const el of playlist.children) {
+		if (el.dataset.retrieve) {
+			retrievalQueue.push(el);
+			if (retrievalQueue.length >= MAX_METADATA_REQUESTS) break;
+		}
+	}
 
 	// Process in parallel
 	return Promise.all(retrievalQueue.map(async queueItem => {