Comments (8)
harshvchawla
commented on June 20, 2024
wasnt gatsby supposed to make site load fast? is there some configuration (compilation stage?) that we are missing? (like difference in development vs production build)
from ttm-website.
gh0stl0nely
commented on June 20, 2024
yeah that was exactly what I was thinking lol
from ttm-website.
rishFilet
commented on June 20, 2024
@gh0stl0nely @harshvchawla ummm this might also be my doing lol. I had a branch to fix/work on this. rishfilet/preloading_images_fonts is the branch its on. I am back on working today and tomorrow on it .Will update with what i find but is this happening on the latest master?
from ttm-website.
rishFilet
commented on June 20, 2024
Ok so this kind of fixed in the last PR i just did, see that for more info (rishfilet/preloading_images_fonts). It happened to be the SVGs not being optimised for loading. However this section (timeline) still seems to be the issue with loading times
from ttm-website.
rishFilet
commented on June 20, 2024
This is fixed now by changing the images in timeline section to PNGs instead of SVGs. Ideally SVGs should be used for graphics and not for regular images.
from ttm-website.
gh0stl0nely
commented on June 20, 2024
Using PNG will reduce the image's quality. We will need to come up with a workaround for optimizing SVG loading time, or think of a way to improve PNG image's quality.
from ttm-website.
rishFilet
commented on June 20, 2024
i think this is because we are using pngs exported directly from figma. I will test with the original images
from ttm-website.
rishFilet
commented on June 20, 2024
Ok this is fully fixed now by using gatsby-image plugin and the original images. Ill update the PR with the commit and add some details in the wiki on how to do this. Ideally we should call all NonSVGs through this component in ImageOptimise.js
from ttm-website.
Related Issues (19)
- Folder structure - Review + Recommendation needed HOT 8
- White spacing upon resizing city SVG HOT 5
- audit, console & navbar issues HOT 2
- Navbar not sticky HOT 1
- Bottom padding on Timeline section HOT 1
- footer discrepanceis/queries & other observations
- Blue border when click on Burger menu HOT 1
- Testing contributors bot HOT 24
- About Us: How are we different? text is cut out
- Our roots section padding problem
- timeline: rightMargin not aligned
- burgerMenu requires pressing tab-key twice for keyboard navigation
- Issue with footer's icons appearance
- Does anybody know why this file is here in the root folder? HOT 2
- Delivery Partners page has wrong text HOT 1
- Bottom line section on med-small screen padding
- Images rendering poorly on Mobile HOT 5
- One on one skill SVG and background blobs for cards HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ttm-website.