Skip to content

perf: optimize project gallery rendering and compress project images#153

Open
indresh404 wants to merge 2 commits into
Vaibhav-kesarwani:mainfrom
indresh404:feat/image-optimization-project-gallery
Open

perf: optimize project gallery rendering and compress project images#153
indresh404 wants to merge 2 commits into
Vaibhav-kesarwani:mainfrom
indresh404:feat/image-optimization-project-gallery

Conversation

@indresh404

Copy link
Copy Markdown

🚀 Performance Optimization: Project Gallery Rendering & Image Compression

closes : #143

Summary

This PR improves the performance of the project gallery by optimizing image assets and reducing rendering overhead.


Changes Made

  • Compressed project images using Sharp
  • Reduced image payload sizes for faster loading
  • Improved project gallery rendering performance
  • Added reusable image compression script
  • Removed unused imports causing unnecessary bundle overhead
  • Updated dependencies and lock files

Files Updated

  • components/project/project-grid.tsx
  • scripts/compress-project-images.js
  • public/projects/*
  • package.json
  • pnpm-lock.yaml
  • package-lock.json

Performance Improvements

Metric Before After Improvement
First Contentful Paint 1.2s 1.1s Faster
Largest Contentful Paint 5.4s 4.6s Improved
Total Blocking Time 76,480ms 10,030ms Significant Reduction
Speed Index 15.6s 2.5s Major Improvement
Cumulative Layout Shift 0 0 Stable

Result

The gallery now loads faster, blocks the main thread less, and delivers a smoother user experience with optimized assets and cleaner rendering behavior.

@vercel

vercel Bot commented May 23, 2026

Copy link
Copy Markdown

@indresh404 is attempting to deploy a commit to the vaibhav's projects Team on Vercel.

A member of the Team first needs to authorize it.

@indresh404

Copy link
Copy Markdown
Author

#143 (comment)

@ARPANPATRA111 ARPANPATRA111 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the project uses pnpm
Remove the package-lock.json and wait for the project admin approval.

@indresh404 indresh404 requested a review from ARPANPATRA111 May 24, 2026 08:13
@indresh404

Copy link
Copy Markdown
Author

@ARPANPATRA111 Done

@indresh404

Copy link
Copy Markdown
Author

@Vaibhav-kesarwani can you merge ?

@ARPANPATRA111 ARPANPATRA111 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@indresh404 wait for the project admin to review this. He seems to be off since last 2 days. Until then you can contribute to some other GSSOC projects.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI/UX]: Implement Image Optimization and Lazy Loading for Project Gallery

2 participants