Flickering problem on reload

[bart1810]

Hello, i use your example for my website, but when i reload the page, the screen flickers white for a split-second. Do you have an idea how to fix this issue?

[jfhr]

Maybe the browser doesn't cache the JS and CSS files? When you reload, the browser has to fetch the JS files, execute them, load the style preference from localStorage, and then load the appropriate CSS file. During that time, the screen will be white.

To prevent that, make sure your web server serves the JS and CSS files with a Cache-Control header with an appropriately long cache time. Then it doesn't need to re-fetch those files on reload, which should prevent the white flickering.

Let me know if that works!

[bart1810]

I am using Angular with your theme switcher, so i dont have js files. I will check if the web server serves the css files with a cache control header