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.

Sign up for GitHub

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

Jump to bottom

[Performance] Use gatsby-plugin-image component instead of <img> tag #5842

Open
sudhanshutech opened this issue Aug 25, 2024 · 9 comments · May be fixed by #6002
Open

[Performance] Use gatsby-plugin-image component instead of <img> tag #5842

sudhanshutech opened this issue Aug 25, 2024 · 9 comments · May be fixed by #6002
Assignees
@yaten2302 @siddharthbaleja7
Labels
kind/bug Something isn't working type/performance

Comments

@sudhanshutech
Copy link
Member

sudhanshutech commented Aug 25, 2024 •
edited
Loading

Description

Few images due to large size and taking time to render creating bad performance to site . Use gatsby-plugin-image instead because lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive

Expected Behavior

Replace in following page with gatsby-plugin-image instead tag

In the following page:

image

image
image

  • and search in code base with alt="meshery-logo"

And replace those with gatsby image plugin.

Screenshots

Environment:

  • Host OS:
  • Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.
@sudhanshutech sudhanshutech added kind/bug Something isn't working type/performance labels Aug 25, 2024
@Ashparshp
Copy link
Contributor

@sudhanshutech, considering the build time is already long, using gatsby-plugin-image will increase it further.

@siddharthbaleja7
Copy link
Contributor

@sudhanshutech Can you assign this issue to me?

@Ashparshp
Copy link
Contributor

Thank you @siddharthbaleja7.. assigned to u, please go ahead.

@Ashparshp
Copy link
Contributor

@siddharthbaleja7, Also, we have weekly meetings make sure to join this week to share updates,
Let's discuss this during the website call on Monday at 5:30 PM IST (7:00 AM CT). Please consider adding it as an agenda item to the meeting minutes || meeting link.

@Ashparshp
Copy link
Contributor

@siddharthbaleja7, have you joined the slack?

@AlfiyaSiddique
Copy link
Contributor

@Ashparshp, I'm waiting in queue for this issue. Please consider me if it needs to be reassigned

@Ashparshp
Copy link
Contributor

@siddharthbaleja7, any updates? Should we move to the next? Thank you, @AlfiyaSiddique. If he doesn't respond, I'll assign it to you. Let's wait for a bit.

@siddharthbaleja7
Copy link
Contributor

@Ashparshp Sorry for late reply, currently working on it .

@yaten2302
Copy link
Contributor

Hey @Ashparshp , could you please assign this issue to me? I would like to work on this.

This was referenced Oct 13, 2024
Closed
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@yaten2302 yaten2302

@siddharthbaleja7 siddharthbaleja7

Labels
kind/bug Something isn't working type/performance
Milestone
No milestone
5 participants
@AlfiyaSiddique @sudhanshutech @yaten2302 @siddharthbaleja7 @Ashparshp