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 Meshery page
See original GitHub issueCurrent Behavior
The .png and .jpg images cause a lot of performance issues Desired Situation
Change to 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:15 (8 by maintainers)
Top Results From Across the Web
[Performance] Image Optimization <img> to <StaticImages> in ...
[Performance] Image Optimization <img> to <StaticImages> in the handbook ... The layer5.io website uses Gatsby, React, and GitHub Pages.
Read more >How To Optimize Images for Web and Performance (2022)
Save images as “optimized for web” in tools such as Photoshop. Use WebP in Chrome to serve up in smaller images.
Read more >Performance: Optimizing Images on Gatsby Sites - This Dot Labs
Performance : Optimizing Images on Gatsby Sites Our Labs website is ... The static images can be easily fixed by replacing all uses...
Read more >How to Optimize Images to Improve Web Performance
Follow these steps to optimize your images and improve web performance. Part 1 of Blue Triangle's Accelerator Blog Series.
Read more >Optimize Images & Boost Performance of Your Statically ...
Learn how to serve dynamic images on your static site without affecting performance.
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
@siddheshJungade i am already working on it
Hi @deveshXm, Yes you have to replace img elements you find with Gatsby’s StaticImage component, but don’t do it if the image source is an .svg, because it will lower the quality. Yep, you are in the right folder.