How to use CDN and NgOptimizedImage in Angular (TEASER) - Powered by ImageEngine

Опубликовано: 17 Январь 2024
на канале: Fabio Biondi - Front-End Tutorials

448

JOIN IMAGE ENGINE DEVELOPER PROGRAM
👉 https://fbion.dev/ie_dev

CDN can be used for images in order to improve the core web vitals scores of LCP and FCP.

In fact, CDN are used to:
➡️ Improve Load Times
➡️ Resize Images
➡️ Reduce Server Load
➡️ Enhance User Experience
➡️ SEO Benefits
➡️ Scalability
➡️ Security Benefits
➡️ Bandwidth Cost Savings
➡️ Handle unexpected traffic peaks

In this short video I use ImageEngine, a CDN that specializes in automatic image optimization and Angular.

⚡️TIP for NON-ANGULAR DEVS:
the procedure would be very similar with Next, Astro, Qwik or a simple website created in HTML.

💡 TIP for ANGULAR DEVS:
I use the recent Angular ngOptimizedImage directive in the video.

🏁 HOW TO START?
ImageEngine is about to launch a (completely free) Developer Program, without the need to use a credit card.

1️⃣ visit the Developer Page and create a free account (link in comments)
https://fbion.dev/ie_dev
2️⃣ watch the short video I have created and get inspired
3️⃣ wait for the complete 20 minutes video tutorial, available this week (in italian only) and already available, today, for the students of my video course, Angular Evolution 🎁)