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

fix: fix image priority on PLP to improve lighthouse #1781

Open
wants to merge 83 commits into
base: soul/main
Choose a base branch
from

Conversation

bookernath
Copy link
Contributor

@bookernath bookernath commented Dec 19, 2024

What/Why?

Improve lighthouse finding around above-the-fold image being loaded lazily; prioritizing just the first image is enough to eliminate the finding and maps to the mobile experience where you can only see one image. On desktop this might ideally be more like the first 3-4 images, but the finding on desktop goes away also so I'm fine to start with 1 image.

Testing

Before:

image

After (finding gone):

image

jorgemoya and others added 30 commits December 12, 2024 16:47
* chore(core): use next canary and enable ppr

* fix: use suggested functions over deprecated ones

* chore(core): update tailwind config and layout to use Soul config

* fix: eslint issues

* chore(core): add roboto mono font

* chore(core): add @/vibes/* path in tsconfig

* feat(core): add FeaturedProductsList component and use in Homepage (#1673)

* feat(core): add FeaturedProductsCarousel and use in Homepage (#1675)

* feat(core): add best selling products to Hompage (#1676)

* chore: bump components to include latest Streamable util (#1681)

* chore(core): use next canary and enable ppr

* feat: replace catalyst homepage slideshow

* refactor: updated slideshow structure based on PR feedback

* feat: add translations for homepage slider

* fix: slide not in view when element inside is focused

---------

Co-authored-by: Jorge Moya <[email protected]>
Copy link

changeset-bot bot commented Dec 19, 2024

⚠️ No Changeset found

Latest commit: 53faedc

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link

vercel bot commented Dec 19, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
catalyst-latest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 19, 2024 1:22am
catalyst-soul ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 19, 2024 1:22am
3 Skipped Deployments
Name Status Preview Comments Updated (UTC)
catalyst ⬜️ Ignored (Inspect) Dec 19, 2024 1:22am
catalyst-au ⬜️ Ignored (Inspect) Visit Preview Dec 19, 2024 1:22am
catalyst-uk ⬜️ Ignored (Inspect) Visit Preview Dec 19, 2024 1:22am

Copy link
Contributor

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-7mnkk2mbf-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category Score
🟢 Performance 98
🟢 Accessibility 92
🟢 Best practices 100
🟠 SEO 82

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category Score
🟠 Performance 86
🟢 Accessibility 92
🟢 Best practices 100
🟠 SEO 85

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

Successfully merging this pull request may close these issues.

8 participants