Skip to content
This repository has been archived by the owner on Jun 24, 2021. It is now read-only.

Rendering speed fixes #64

Merged
merged 4 commits into from
Aug 14, 2019
Merged

Rendering speed fixes #64

merged 4 commits into from
Aug 14, 2019

Conversation

ARBaart
Copy link
Contributor

@ARBaart ARBaart commented Aug 14, 2019

Fixes #40 and #44, improves #63 enough to have it no longer be a priority.

Changes:

  • header video only loads metadata at first, playback is started only when all else has loaded
  • board picture is now much smaller jpeg version
  • CSS is separated out of the html and unused items are purged
  • small dayjs package replaces momentjs for time parsing and formatting

Remaining:

  • The vue-zondicons package loads all icons regardless of which are used, but there is no setting for it
  • Some clever image preview/resizing package could remove the need for supplying them in an agreeable size and format

The background video in the header is one of the larger files, and it loading basically whenever could contribute to the site being more sluggish. The video now is not downloaded by default, only the metadata is, until the script tells it to play after the rest of the page is loaded.
The CSS framework was embedded in the index page making it around 1.2MB, purgecss removes any unused CSS reducing it to a couple of KB. The downside is separateCSS files for each page. The following site has some suggestions for merging them back in: https://www.purgecss.com/guides/nuxt.
Apparently one cannot use momentjs without importing all locales easily, which made it waaay too big
@casperboone
Copy link
Member

Cool, nice finds, thx :). Really thought I had already enabled Purge CSS, quite a must when using Tailwind 😅.

@casperboone casperboone merged commit ca210e8 into master Aug 14, 2019
@casperboone casperboone deleted the ⚡️-speed branch August 14, 2019 16:14
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Video loads randomly between other resources slowing it down
2 participants