Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[meta] Initial page load / performance #15

Open
stophecom opened this issue Nov 11, 2017 · 4 comments
Open

[meta] Initial page load / performance #15

stophecom opened this issue Nov 11, 2017 · 4 comments
Labels
enhancement

Comments

@stophecom
Copy link
Member

stophecom commented Nov 11, 2017 •
edited
Loading

  • reduce js/css
  • investigate different font loading approach?
  • inline critical css

Part 1: #27
Part 2: #28
@stophecom
Copy link
Member Author

I'd say the biggest problem is the size of vuetify.

  • vuetify.js: 506kb
  • vuetify.min.css: 248kb

We should use "a la carte" https://vuetifyjs.com/vuetify/a-la-carte - but let's maybe wait for a stable release.

@stophecom
Copy link
Member Author

Look into https://github.com/addyosmani/critical

@stophecom
Copy link
Member Author

@njam fyi - Nuxt comes with webpack-bundle-analyser. Cool stuff. https://nuxtjs.org/api/configuration-build
screen shot 2017-11-15 at 00 04 07

@stophecom stophecom changed the title Initial page load / performance Initial page load / performance [meta] Nov 15, 2017
@stophecom stophecom changed the title Initial page load / performance [meta] [meta] Initial page load / performance Nov 15, 2017
@stophecom
Copy link
Member Author

  • Preconnect google font <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@stophecom