Prevent unstyled content flash
Hi everyone! I'm new in this discord, but i've been watching kevin's videos for a few years now. Super great!
But I have now finally run into an issue I cannot solve, on my own, with google, or the help of my friends..
For context: I am currently rewriting my website's static site generator.
Previously, my website was only a single page; a single html file.
But In the process of rewriting, I added a tag system, where each tag gets its own page (html file)
I used to just embed my css file in the index.html's head, in a style tag
But with these multiple pages, I thought I should put it into its own file, so it can be shared across all the website's html files
I assumed it'd cache it after the first time and then not need to flash unstyled content at me after that
However, I keep seeing flashes of unstyled content when I click through the pages, which looks terrible...
I've sent a video recording of it happening below, so you can see it for yourself.
this is the end of my the
as you can see, i'm already preloading it, but it did not help (much?)
I also kept the main page's background colour embedded in each html file, to at leaast prevent a bright white flashbang from happening, so at least it just looks bad, instead of actively hurting my users' eyes
but of course that is more of a hack than a proper fix...
So does anyone know how to prevent these flashes?
But I have now finally run into an issue I cannot solve, on my own, with google, or the help of my friends..
For context: I am currently rewriting my website's static site generator.
Previously, my website was only a single page; a single html file.
But In the process of rewriting, I added a tag system, where each tag gets its own page (html file)
I used to just embed my css file in the index.html's head, in a style tag
But with these multiple pages, I thought I should put it into its own file, so it can be shared across all the website's html files
I assumed it'd cache it after the first time and then not need to flash unstyled content at me after that
However, I keep seeing flashes of unstyled content when I click through the pages, which looks terrible...
I've sent a video recording of it happening below, so you can see it for yourself.
this is the end of my the
<head>as you can see, i'm already preloading it, but it did not help (much?)
I also kept the main page's background colour embedded in each html file, to at leaast prevent a bright white flashbang from happening, so at least it just looks bad, instead of actively hurting my users' eyes
but of course that is more of a hack than a proper fix...
So does anyone know how to prevent these flashes?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
