I have some custom configuration in CONFIG.md which changes some styling (colors, width of the page, etc). This works great, but every time I visit the website, it flashes in a different style, until the proper one has loaded. This is quite jarring. I was wondering if there is a possibility to circumvent this? Perhaps postpone render until the CONFIG has ran, and thus there will be no additional layout updates/shifts?
Thanks in advance, and thank you for your hard work on this excellent tool!
Yes, this is something to test and see what the result is in terms of initial load performance.
Generally I’d like to show some UI ASAP. If first a whole bunch of logic has to load before showing anything, that’s not a great experience. I’m guessing that the vast majority of users don’t heavily tweak their CSS, so for them the initially loaded UI doesn’t change much after loading space styles. However, this is different for you and also users that default to the dark theme, where the initial render will be light, and only later swap to the dark version.
Again, it’s worth trying postponing rendering anything (somehow) until all styles are loaded and see how that feels. It may not make that much of a difference. Could you create a Github issue to track this?
In my experience the most annoying render jumping is the switch from the white to the dark mode at the start, which is very annoying in the dark circumstance.
If we can narrow down the problem to this, I think a special fix for it might be easier to implement?