Skip to content
This repository was archived by the owner on Mar 13, 2025. It is now read-only.
This repository was archived by the owner on Mar 13, 2025. It is now read-only.

Reduce Image Sizes #87

@DanielJDufour

Description

@DanielJDufour

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.
image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions