Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Flash of unstyled content #1800

Copy link
Copy link
Open
Open
Copy link
@kiwicopple

Description

@kiwicopple
Issue body actions
  • 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 #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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Morty Proxy This is a proxified and sanitized view of the page, visit original site.