This repository was archived by the owner on Mar 13, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 58
This repository was archived by the owner on Mar 13, 2025. It is now read-only.
Reduce Image Sizes #87
Copy link
Copy link
Closed
Labels
[effort] small[issue-type] enhancementNew feature or requestNew feature or request[issue-type] good first issueGood for newcomersGood for newcomers[priority] high[skill-level] intermediatecode.govdisplay on https://code.gov/open-tasksdisplay on https://code.gov/open-taskshelp wantedWelcoming External ContributionsWelcoming External Contributions
Description
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
All the images on the home page greatly reduce the loading speed of the site. 432 of the 600KB needed to load the site are image data.
Describe the solution you'd like
A clear and concise description of what you want to happen.
- Use squoosh from Google to reduce the size of images https://squoosh.app/
- Use sharp to create different sizes of the images and include this script in the main code-gov-web package
- Set image src (i.e. load images) based on the size of the screen. Put this inside of the React code.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
ImageMagic CLI, but that's probably more complicated
Additional context
Add any other context or screenshots about the feature request here.
Metadata
Metadata
Assignees
Labels
[effort] small[issue-type] enhancementNew feature or requestNew feature or request[issue-type] good first issueGood for newcomersGood for newcomers[priority] high[skill-level] intermediatecode.govdisplay on https://code.gov/open-tasksdisplay on https://code.gov/open-taskshelp wantedWelcoming External ContributionsWelcoming External Contributions