[Bug] Reduce The Image loading Time

[Kajol-Kumari]

Description-
The Image loading on the website takes a lot of time which makes the website slower and look bad.

Requirement-

• Come up with the the solution to reduce the loading time.

[TheSwordBreaker]

Hello Kajol. I am New To Community . Here Are My ideas.

1. Stored Static Images in CDN , or Set Cache Option to Max 6 month to 10 days
2. Daynmic Images Can Be Display With lazyLoading Component with default images base on pages where it is needed
3. For The First Load of Site What We can Do Minimize The Image Size with Github Plugins like Img-Bot Which i have used
4. Other Advances thing i have read to handle static images is transform images for device resolution and try to give them best resolution base on device height and width

[TheSwordBreaker]

We Can Used Some Node Package and Custom Command For Development only files to config point number 3 and 4. and handle them

[Kajol-Kumari]

@TheSwordBreaker the idea seems achievable. Could you please try implementing it atleast for one of the pages?

[TheSwordBreaker]

@Kajol-Kumari Sure I Would Love To Try LazyLoading Component and cli code for node package for image handling and compression

[TheSwordBreaker]

But Ya Pls Help me on How To contribute in open source as my knowledge on github always endup with lots of merge conflicts

[Kajol-Kumari]

Hey @TheSwordBreaker I can list the generalised step for making a PR below for you -

1. Fork this repo
2. Clone it on local (git clone <your_forked_repo_url>)
3. Make a new branch from master and checkout to the same (git checkout -b <new_branch_name>)
4. Make the required code changes
5. Add to staging (git add .)
   6.Commit your changes. (git commit -a -m "<your_commit_msg>")
6. Push it.(git push origin <your_branch_name>)
7. Make the PR using GitHub interface
   In case these steps doesn't make sense to you I would recommend you to go through gut tutorial first.

[iamsandeepshekhawat]

Hey @Kajol-Kumari i'd like to work on it, please assign :)

[Kajol-Kumari]

Sure @SandeepShekhawat8778 please go ahead with this issue.

Happy Learning :)

[Kajol-Kumari]

@SandeepShekhawat8778 can I please get an update on this issue?

[Priyamakeshwari]

I would like to work on this issue under JWOC

[lassmara]

please assign me this issue under Gssoc