Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Performance] Image Optimization <img> to <StaticImages> in the community page
See original GitHub issueCurrent Behavior
The .png and .jpg images cause a lot of performance issues Desired Situation
Change ![]()
to <StaticImagess> for image optimization in the handbook section. eg https://github.com/layer5io/layer5/pull/2597 StaticImagePlugin
[Optional] Alternatives
[Optional] Additional context
Contributor Resources
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
- See contributing instructions
- See Layer5 site designs in this Figma project. Join the Layer5 Community for access.
Issue Analytics
- State:
- Created a year ago
- Comments:14 (12 by maintainers)
Top Results From Across the Web
How to Optimize Images to Improve Web Performance
Concatenating static images into single sprite files can reduce the total number of requests on a page and allow easier caching. While the...
Read more >How Images are Slowing Down Page Load Time ... - Snipcart
You should run it with your site to confirm if your images need optimization. 1. Too large image files can take a long...
Read more >How to Easily Optimize Images for Web (without Losing Quality)
In this article, we will show you how to optimize your images for faster web performance without losing quality.
Read more >Nextjs image optimization with examples - Refine Dev
Built-in image optimization using next image component.
Read more >Performance: Optimizing Images on Gatsby Sites - This Dot Labs
The static images can be easily fixed by replacing all uses of <img> with <Img> from gatsby-image . GQL queries will also need...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Add a className and see if that helps. I guess you are saying this for the slider, if so we have had issues in past using gatsby-plugin on it. So, yeah we can skip that if it doesn’t work for you as well. But, do give a try.
@Jonathan-Foo All the images in the community page, and also if we missed some of them related to the community page would be great!