Less FOIC #2898
Replies: 1 comment 2 replies
-
|
You can implement it by yourself with x-init, but... Basically you are hiding the whole page until your javascript executes (so even if the script is deferred, it's actually blocking the page rendering). |
Beta Was this translation helpful? Give feedback.
-
|
Will find out on x-init. To give more context, our site is primarily focused in Singapore for local users, so it's not a problem since it's at least sub-millisecond network latencies for VPS and CDN within Singapore and run on custom backend. But we could have an option to hide the whole page only for certain situations where we don't need SEO but prefer the experience of SPA like. |
Beta Was this translation helpful? Give feedback.
-
|
No worries, be aware that mobile is usually more complicate (slow/old devices), poor signal when not using a wifi connection, etc. |
Beta Was this translation helpful? Give feedback.
-
One interesting effect I have noticed that Twind use
Which makes FOIC Flash of Invisible Content - less likely noticeable when doing Javascript fetch() with JSON.
Compare to Alpine.js using, I still get a glaring delay FOIC with Javascript fetch.
Could Twind's resolution removed
hiddenbe implement in Alpine.js?Doc reference:
https://twind.dev/handbook/the-shim.html#basic-usage
Beta Was this translation helpful? Give feedback.
All reactions