css loading times. 200ms+

[zahnno]

Hi, I'm running into an issue with loading my styles at an efficient pace. I'm using skel.init to initialize my breakpoints, styles, aswell as a few containers. On page load, no styles are applied and the page is viewed in raw html. The styles are later added after about 200ms, which is quite noticable. Is there a fix for this?

[wellu]

I think the whole logic of using JS to select proper stylesheet is flawed as it depends eg. on jQuery to be loaded first.

Using proper media queries, and ditching whole init at least on breakpoints part, is the way to go.

[ghost]

FWIW I found the following port of Strata by @digitalcraftsman to be quite fast in masking any FOUC: https://github.com/digitalcraftsman/hugo-strata-theme.

EDIT: Upon closer inspection the FOUC is probably mostly caused due to script blocking when jQuery and friends are loaded in the document HEAD. Move them to the bottom of the body to improve the UX.