Image Performance Optimization in Angular 14 - What You Should Know
The #Angular team released an image-directive in version 14 that helps us improve the performance of our application's images with a few adjustments.
The name of the directive is NgOptimizedImage and you can read more here: https://angular.io/guide/image-directive
In this video, you will see how to use this directive and how to measure your application to see the difference in the #LCP.
The code is based on a list of cat images that I took their URLs from the https://thecatapi.com/
✨ Code: https://github.com/profanis/codeShots...
Chapters:
0:00 Intro
0:22 Optimize Images using the NgOptimizeImage
7:33 Thank you
******************************************************
Let's Connect
******************************************************
Twitter: / prodromouf
LinkedIn: / prodromouf
#angular #learnAngular #angularTutorial #webdeveloper #webdevelopment
