more efficient generation of retrievelQueue

Co-authored-by: Borewit <23255260+Borewit@users.noreply.github.com>

Author: hvianna

src/index.js

@@ -3304,7 +3304,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 => {