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

ui: add Lazy loading for images>1MB #14448

Merged

Conversation

codewithnick
Copy link
Contributor

@codewithnick codewithnick commented Oct 24, 2024

inital loading of hompage was loading around 9MB of resources.
By lazy loading images we can reduce the intial loading by 5-6 MB.

Done

  • [List of work items including drive-bys - remember to add the why and what of this work.]

QA

  • Check out this feature branch
  • Run the site using the command ./run serve or dotrun
  • View the site locally in your web browser at: http://0.0.0.0:8001/
    • Be sure to test on mobile, tablet and desktop screen sizes
  • [List additional steps to QA the new features or prove the bug has been resolved]

Issue / Card

Partially Fixes: #14443

Screenshots

[If relevant, please include a screenshot.]
before
image
after
image

Help

QA steps - Commit guidelines

@webteam-app
Copy link

codewithnick is not a collaborator of the repo

@petesfrench
Copy link
Contributor

Hi @codewithnick, thanks for your contribution and sorry for the delayed reply.

Would you be able to rebase this PR please and we can merge it?

inital loading of hompage was loading around 9MB of resources.
By lazy loading images we can reduce the intial loading by 5-6 MB.
@codewithnick codewithnick force-pushed the improving-homepage-loadtime branch from c4aca41 to 0a83735 Compare November 21, 2024 09:31
@codewithnick
Copy link
Contributor Author

hi @petesfrench I have updated the pr ,please lmk if any other changes are required

Copy link

codecov bot commented Nov 21, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.76%. Comparing base (f2d73a2) to head (0a83735).
Report is 10 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #14448   +/-   ##
=======================================
  Coverage   69.76%   69.76%           
=======================================
  Files         120      120           
  Lines        3426     3426           
  Branches     1181     1181           
=======================================
  Hits         2390     2390           
  Misses       1012     1012           
  Partials       24       24           
---- 🚨 Try these New Features:

Copy link
Contributor

@petesfrench petesfrench left a comment

Choose a reason for hiding this comment

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

LGTM

@petesfrench petesfrench merged commit 15b5b2e into canonical:main Nov 21, 2024
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

The homepage is 12.8MB in size
3 participants