PageSpeed Insights mobile lab run on my blog home, Nov 5: 100 for Performance, Accessibility, Best Practices and SEO.

#SSR with #hydration, #zoneless #OnPush, #lazy routes, #NgOptimizedImage priority on the cover.

One run. Scores vary.

🔖 "feat(common): support decoding in NgOptimizedImage (#61905) · angular/angular@ef10aa4" https://github.com/angular/angular/commit/ef10aa400585fb66e1afde08be0f9fd9a70ce7f2

🔖 "feat(common): add placeholder to NgOptimizedImage (#53783) · angular/angular@f5c520b" https://github.com/angular/angular/commit/f5c520b836c4545c7043649f28b3a0369c168747

アドベントカレンダー14日目！ "NgOptimizedImageに入門する" https://zenn.dev/hoshima19/articles/31fc0bbb3d916e

⚡ Want faster, smoother Angular apps?

Sonu Kapoor shared performance tips that work:

👉 lazy loading
👉 Signals
👉 NgOptimizedImage
👉 Smarter change detection

Catch it all in his #FEN2025 talk, now live on YouTube 📽️
https://youtu.be/xLaLLSxRhBg?feature=shared

desisto de tentar usar NgOptimizedImage, pesquisei em todo canto e não encontrei uma resposta

nem no discord do angular souberam responder

to amando angular ate agr, mas essa diretiva NgOptimizedImage ô ngc difícil de configurar

define o srcset a mas n define n pq é automático a mas se declarou srcset tem q declarar sizes a mas se declarou sizes o srcset deixa de ser automático a mas tem que fazer um loader e n sei o que

MASSIVE & Quick performance WIN with NgOptimizedImage explained by Jarosław Żołnowski in new Angular Space article :)

#angular 👇

www.angularspace.com/boost-your-a...

mas sua ideia era usar loaders pra cada imagem? ou elas viriam de um cdn?
porque na documentação do ngoptimizedimage, tem um lance de loader genérico

<a href="https://developer.chrome.com/blog/angular_ngoptimizedimage/" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">developer.chrome.co...
What’s new in the Angular NgOptimizedImage directive - Chrome for Developers

Discover the power of NgOptimizedImage directive! In his latest article, Alejandro Cuba Ruiz walks you through putting it to use. Your UX is about to be off the charts! #Angular #ngconf2024

👀 bit.ly/4cey98D

ngOptimizedImage #angular directive was missing from Angular Caniuse. Introduced as a developer preview feature in 14.2, it's stable since Angular 15.

Thanks Ingila Ejaz for pointing out this missing feature fro the listing!

Discover Angular Caniuse: www.angular.courses/caniuse

Please use the `NgOptimizedImage` directive within #Angular. It's so good. Especially with a image CDN!

angular.dev/guide/image-...

If you have feedback for NgOptimizedImage, this poll is a great way to get it on our radar. Would be particularly interested in anything missing that would help folks migrate: https://twitter.com/angular/status/1678516387432771585?s=20

Angular 18.1 released with most awaited @let feature

github.com/angular/angu...

One Angular directive for image perf: NgOptimizedImage. — lazy-loading by default, enforced dimensions (no layout shift), priority preloads your LCP image, srcset generation. Pit of success for images. Static only, not base64. #Angular #WebPerf

github.com/angular/angu...