From fcb854a000609805ebe2d765971c69d8d5d1835e Mon Sep 17 00:00:00 2001 From: schlagmichdoch Date: Thu, 6 Jun 2024 02:00:33 +0200 Subject: [PATCH] Try to speed up LCP allSettled --- public/scripts/main.js | 8 ++++---- public/service-worker.js | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/public/scripts/main.js b/public/scripts/main.js index 6a10ced..d8fcc30 100644 --- a/public/scripts/main.js +++ b/public/scripts/main.js @@ -40,21 +40,21 @@ class PairDrop { this.footerUI = new FooterUI(); // Translate page, initiate database, and evaluate what to show - await Promise.all([ + await Promise.allSettled([ PersistentStorage.initiate(), Localization.initiate(), this.evaluatePermissionsAndRoomSecrets() ]); // Evaluate css shifting UI elements and show loading placeholder - await Promise.all([ + await Promise.allSettled([ this.headerUI.evaluateOverflowing(), this.footerUI._evaluateFooterBadges(), this.footerUI.showLoading() ]); // Fade in UI elements - await Promise.all([ + await Promise.allSettled([ this.headerUI.fadeIn(), this.footerUI.fadeIn(), this.centerUI.fadeIn(), @@ -111,7 +111,7 @@ class PairDrop { async loadDeferredAssets() { const stylePromises = this.stylesDeferred.map(url => this.loadAndApplyStylesheet(url)); const scriptPromises = this.scriptsDeferred.map(url => this.loadAndApplyScript(url)); - await Promise.all([...stylePromises, ...scriptPromises]); + await Promise.allSettled([...stylePromises, ...scriptPromises]); } loadStyleSheet(url) { diff --git a/public/service-worker.js b/public/service-worker.js index 03e1ac1..088d8f1 100644 --- a/public/service-worker.js +++ b/public/service-worker.js @@ -156,7 +156,7 @@ self.addEventListener('activate', evt => { return evt.waitUntil( caches.keys() .then(cacheNames => { - return Promise.all( + return Promise.allSettled( cacheNames.map(cacheName => { if (cacheName !== cacheTitle) { return caches.delete(cacheName);