Vuepress: Flash of unstyled content

Created on 24 Aug 2019 · 5Comments · Source: vuejs/vuepress

[x] I confirm that this is an issue rather than a question.

Bug report

On my website I have a flash of unstyled content:

Aug-24-2019 15-03-57

Steps to reproduce

I thought perhaps it was related to https://github.com/vuejs/vuepress/issues/895, however my version is @vuepress/core": "1.0.3"

Here is the repo: https://github.com/kiwicopple/paul.copplest.one

What is expected?

(hopefully) the pre-rendered content displays quickly enough to avoid the FOUC, and the content is readable as soon as possible

What is actually happening?

When the page is loading there is no visible content. just some black bars. After a while the page is rendered correctly. I am hosting on Netlify, so I surprised that it is a speed of CSS. Is there a way I can improve the initial loading of CSS?

Other relevant information

Output of npx vuepress info in my VuePress project:
(note that I don't install vuepress globally, it's run within the repo)

npm show vuepress version
1.0.3
npm show @vuepress/core version
1.0.3
npm show @vuepress/theme-default version
1.0.3

npx vuepress info:
System:
    OS: macOS 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
  Binaries:
    Node: 10.15.1 - ~/.nvm/versions/node/v10.15.1/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.15.1/bin/npm
  Browsers:
    Chrome: 76.0.3809.100
    Firefox: 68.0.2
    Safari: 12.1.2
  npmPackages:
    @vuepress/core: Not Found
    @vuepress/theme-default: Not Found
    vuepress: Not Found
  npmGlobalPackages:
    vuepress: Not Found

question or discussion

Source