Issue: 3186

First meaningful content in nuxt.js

[issue link]

Hi All,
I am using nuxt.js for my latest spa project, the project is almost finished but I found an serious performance issue.

When have a bunch of dynamic components in the page, the first meaningful content shows up after all decencies are downloaded, this issue is very serious when clients has a slow internet connection.


<template lang="pug">
    p first meaningful content

const components = {
  aComponent: () => import('~/components/a' /* webpackChunkName: 'components/aComponent' */),
  bComponent: () => import('~/components/b' /* webpackChunkName: 'components/bComponent' */),
  cComponent: () => import('~/components/c' /* webpackChunkName: 'components/cComponent' */)
export default {
  data () {
    return {
      currentComp: 'bComponent'

screen shot 2018-04-03 at 10 31 35 pm

‘first meaningful content’ string shows up after default.09be… .js is ready.