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.

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

Break up CSS into 'partials' #83

Open
ndorfin opened this issue Sep 15, 2021 · 0 comments
Open

Break up CSS into 'partials' #83

ndorfin opened this issue Sep 15, 2021 · 0 comments

Comments

@ndorfin
Copy link
Contributor

ndorfin commented Sep 15, 2021

Since the site uses HTTP/2, we can safely break up the CSS into many smaller (and fit for purpose) files, and use @import. 😱

Splitting up the CSS will help with:

  • Maintenance
  • Inline-splitting for the above-the-fold aspetcs of the homepage (improving performance)
  • Theming / Dark-mode support

Regardless of HTTP/2, we could create or use an Eleventy plugin to concat the CSS during build time if we see performance plummet. In light of this, we'll need to capture a baseline metric of the site's performance, and work within a certain threshhold of performance degradation. (if time to first paint performance is 110% of the baseline, we switch to concatting the CSS)

Waddayathink? :D
-S

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant