-
Notifications
You must be signed in to change notification settings - Fork 4.9k
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
What's up with gigantic images and page load speed on Spree marketing site? https://spreecommerce.org/ #11904
Comments
This image: https://spreecommerce.org/wp-content/uploads/2020/03/slider-inner-1-bg-shaded.jpg Is 220KB on this page: Why? Compressed in 2 seconds with ImageOptim, it's 10KB! Please, compress your images... |
vfonic
changed the title
What's up with gigantic images and page load speed?
What's up with gigantic images and page load speed on Spree marketing site?
Jul 3, 2023
vfonic
changed the title
What's up with gigantic images and page load speed on Spree marketing site?
What's up with gigantic images and page load speed on Spree marketing site? (https://spreecommerce.org/)
Jul 3, 2023
vfonic
changed the title
What's up with gigantic images and page load speed on Spree marketing site? (https://spreecommerce.org/)
What's up with gigantic images and page load speed on Spree marketing site? https://spreecommerce.org/
Jul 3, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Context
I understand that Spree is a great long-running project where a lot of people invested their time and built amazing functionality. It's great to see Spree receiving updates and adding new functionality!
I'm exploring the eternal dilemma of Spree vs Solidus for my next project.
I'm currently in Costa Rica where internet is not the fastest.
It takes a good 5 seconds to have the homepage hero slider first image load. The image is 500KB+, in a PNG format. Why is this not a JPEG or WebP?
Here are two screen recordings
spree-heavy-hero.mov
spree-heavy.mov
Here's Solidus homepage loading speed. It's insanely fast.
Screen.Recording.2023-06-30.at.08.53.29.mov
Here's PageSpeed Insights (Lighthouse) comparison:
It's even worse on mobile:
Expected Behavior
The page loads fast and it feels premium.
Actual Behavior
The page loads slow, making me think Spree is slow and not a good option for my future project(s).
Possible Fix
Optimize images. And convert them to JPG where possible. Not everyone is on fiber optics all the time, especially not on mobile.
I used ImageOptim and compressed the homepage slider image by 69.8% (!!!) and dev docs image by 71.1%!
Just in case, here are the optimized images
The text was updated successfully, but these errors were encountered: