Skip to content

Hero images loading eager#641

Merged
cartogram merged 1 commit into
Shopify:2023-01from
rafaelstz:feature/hero-eager
Mar 7, 2023
Merged

Hero images loading eager#641
cartogram merged 1 commit into
Shopify:2023-01from
rafaelstz:feature/hero-eager

Conversation

@rafaelstz
Copy link
Copy Markdown
Contributor

@rafaelstz rafaelstz commented Mar 4, 2023

WHY are these changes introduced?

Both hero images are highly relevant to have an eager loading since they are above the fold.

WHAT is this pull request doing?

It's adding loading='eager'to the second image in the Hero component as it's already applied to the first one.

Capture d’écran, le 2023-03-03 à 20 28 37

HOW to test your changes?

I simulated a slow connection via the Network tab and checked the loading compared with other images with lazy loading.

Checklist

  • I've read the Contributing Guidelines
  • I've considered possible cross-platform impacts (Mac, Linux, Windows)
  • I've added a changeset if this PR contains user-facing or noteworthy changes
  • I've added tests to cover my changes
  • I've added or updated the documentation

@rafaelstz rafaelstz marked this pull request as ready for review March 4, 2023 01:31
Copy link
Copy Markdown
Contributor

@cartogram cartogram left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @rafaelstz 🚀

@cartogram cartogram merged commit 855e07b into Shopify:2023-01 Mar 7, 2023
juanpprieto pushed a commit that referenced this pull request Mar 7, 2023
juanpprieto added a commit that referenced this pull request Mar 7, 2023
…ed] (#660)

* refactor seo and implement ld+json structured data

* Update templates/demo-store/app/lib/seo.server.ts

Co-authored-by: Matt Seccafien <matt.seccafien@shopify.com>

* Update templates/demo-store/app/routes/($lang)/search.tsx

Co-authored-by: Matt Seccafien <matt.seccafien@shopify.com>

* Fix bug in create CLI using `--install-deps` flag (#644)

* Fix bug in create CLI using `--install-deps` flag

* Use flags to camel case util

* Add tests for init

---------

Co-authored-by: Matt Seccafien <462077+cartogram@users.noreply.github.com>

* Hero images loading eager (#641)

* Remove Turbo cache in Oxygen deplyment (#655)

Co-authored-by: Matt Seccafien <462077+cartogram@users.noreply.github.com>

* Remove Turbo cache from typescript build action (#656)

Co-authored-by: Matt Seccafien <462077+cartogram@users.noreply.github.com>

* fix search products count

fix search products count

---------

Co-authored-by: Matt Seccafien <matt.seccafien@shopify.com>
Co-authored-by: Matt Seccafien <462077+cartogram@users.noreply.github.com>
Co-authored-by: Rafael Corrêa Gomes <rafaelstz@users.noreply.github.com>
@rafaelstz rafaelstz deleted the feature/hero-eager branch March 10, 2023 13:18
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.

2 participants