From 96e3a1593ab6b45b2b6794e353623d0e87a7d8ff Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Thu, 15 Feb 2024 20:20:27 +0200 Subject: more optimizations, execution is now split into eager (for main UI) and lazy (for modals, popovers etc) parts --- src/services/style_setter/style_setter.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'src/services/style_setter') diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js index 4e18bbb0..f9608680 100644 --- a/src/services/style_setter/style_setter.js +++ b/src/services/style_setter/style_setter.js @@ -28,11 +28,17 @@ export const applyTheme = (input) => { // styleSheet.insertRule(`:root { ${rules.colors} }`, 'index-max') // styleSheet.insertRule(`:root { ${rules.shadows} }`, 'index-max') styleSheet.insertRule(`:root { ${rules.fonts} }`, 'index-max') - themes3.css.forEach(rule => { - console.log(rule) + themes3.css(themes3.eager).forEach(rule => { styleSheet.insertRule(rule, 'index-max') }) body.classList.remove('hidden') + themes3.lazy.then(lazyRules => { + themes3.css(lazyRules).forEach(rule => { + styleSheet.insertRule(rule, 'index-max') + }) + const t3 = performance.now() + console.log('Themes 3 finalization took ' + (t3 - t2) + 'ms') + }) } const configColumns = ({ sidebarColumnWidth, contentColumnWidth, notifsColumnWidth, emojiReactionsScale }) => -- cgit v1.2.3-70-g09d2