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

USWDS - Feature: ability to trim down css size #5210

Open
2 tasks done
jacksonStone opened this issue Mar 30, 2023 · 0 comments
Open
2 tasks done

USWDS - Feature: ability to trim down css size #5210

jacksonStone opened this issue Mar 30, 2023 · 0 comments
Labels
Affects: Performance Relates to the speed, size, or efficiency of our code Context: Sass Issue is in Sass Needs: Discussion We need to discuss an approach to this issue Role: Dev Development/engineering skills needed Type: Feature Request New functionality

Comments

@jacksonStone
Copy link

jacksonStone commented Mar 30, 2023 •
edited

Is your feature request related to a problem? Please describe.

Large CSS libraries such as tailwind have tree shaking capabilities such that you do not have to send the CSS for classes which you do not use in production. (https://tailwindcss.com/docs/optimizing-for-production) This can cut down dramatically on the network bandwidth.

At present when I use USWDS in my SASS, the css file weighs in at about 400kb uncompressed. This seems very large. My project is certainly not leveraging 400kb worth of styles.

Love the design system and y'alls mission, but is there any way to get this lower?

Thanks

Describe the solution you'd like

Some documentation or added capabilities for a production build of USWDS that is more network bandwidth conscious.

Describe alternatives you've considered

No response

Additional context

No response

Code of Conduct
@jacksonStone jacksonStone added Status: Triage We're triaging this issue and grooming if necessary Type: Feature Request New functionality labels Mar 30, 2023
@mejiaj mejiaj added Context: Sass Issue is in Sass Affects: Performance Relates to the speed, size, or efficiency of our code labels Apr 14, 2023
@amyleadem amyleadem added Needs: Discussion We need to discuss an approach to this issue Role: Dev Development/engineering skills needed and removed Status: Triage We're triaging this issue and grooming if necessary labels Aug 10, 2023
@amyleadem amyleadem mentioned this issue Aug 10, 2023
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Affects: Performance Relates to the speed, size, or efficiency of our code Context: Sass Issue is in Sass Needs: Discussion We need to discuss an approach to this issue Role: Dev Development/engineering skills needed Type: Feature Request New functionality
Projects
USWDS Core Project Data
Status: No status
Milestone
No milestone
Development

No branches or pull requests
3 participants
@mejiaj @jacksonStone @amyleadem