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.

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

feat(image-optimizer): optimized image component #89

Open
samuelfernandez opened this issue Jul 15, 2021 · 0 comments · Fixed by #95, #92, #93, #97 or #100
Open

feat(image-optimizer): optimized image component #89

samuelfernandez opened this issue Jul 15, 2021 · 0 comments · Fixed by #95, #92, #93, #97 or #100
Assignees
Labels
feature New feature or request

Comments

@samuelfernandez
Copy link
Member

samuelfernandez commented Jul 15, 2021

Aurora project has the goal of optimizing web frameworks to improve Core Web Vitals.

Related Angular issue requesting this functionality angular/angular#42765

It has included creating a React component for optimizing images, alongside it's server counterpart with Next.js. https://nextjs.org/docs/basic-features/image-optimization

This issue here has the goal of providing the same functionality for Angular. It will involve several packages to make it ergonomic.

✅ @ng-easy/image-optimizations

#91 #95 #100 #101

This will be the base Node library to optimize images. It will include:

  • ✅ Reading an image from the filesystem
  • ✅ Apply optimizations for various formats
  • ✅ Generic caching, specific implementations for filesystem
  • ❌ Enhancement: support png

✅ @ng-easy/builders

#99 #102

Angular builder that would provide build time optimization of images resulting in optimized build assets

❌ @ng-easy/image

#104

Angular component that would render the image in the client, with the following features:

  • ✅ Use native image element mapping to optimized images
  • ✅ Placeholder for critical images
  • ✅ Lazy loading
  • ❌ Optimizations for SSR
  • ✅ Support providers that include optimizations

❌ @ng-easy/express-image-optimizations

Express middleware to provide on-demand optimization of images

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