[improvement] image optimise directive

This issue has been created since 2022-11-21.

Which @angular/* package(s) are relevant/related to the feature request?

common

Description

Angular already released its new image directive, which lazy loads images and do more...
I haven't dug deeply into it, but talking about the lazy-loading part I suggest generalizing the concept to any element that has src or srcSet

I already implemented a directive that searches for elements that have src or srcset attributes and uses the IntersectionObserver to observe it and load it on the appropriate time.

Suggestion
implement a more general Directive like ImageOptimizeDirective but for any element uses the input ngSrc or ngSrcSet

Proposed solution

Alternatives considered

More Details About Repo
Owner Name angular
Repo Name angular
Full Name angular/angular
Language TypeScript
Created Date 2014-09-18
Updated Date 2022-12-01
Star Count 85220
Watcher Count 3042
Fork Count 22607
Issue Count 1316

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
Terminal mode: to support command similar to U in CLI mode 1 2022-11-14 2022-11-22
[Feature Request] Please add subscene 28 2015-02-07 2022-11-20
Error: There is no method available to create a 0-row input data prototype for `model` 10 2022-03-30 2022-11-23
Throw an error when a field is declared multiple times on the same view. 3 2022-09-09 2022-11-24
Attempt to create an instance of class com.linbit.linstor.core.objects.ResourceDefinition with a null com.linbit.linstor.core.objects.ResourceGroup reference 3 2022-04-18 2022-11-06
[Bug]: Sorting by "Last added" is still not working correctly 0 2022-11-06 2022-11-29
[Bug]: Ping spike when playing a new song 1 2022-11-08 2022-11-29
Check for clean task dependencies obsolete 2 2022-04-03 2022-10-18
`Astro.glob` doesn't return the content of markdown files 2 2022-08-13 2022-08-21
Invalid URL error when importing astro component 1 2022-08-14 2022-08-21
astrojs/image does not remove URL variables from remote image URLs 2 2022-08-14 2022-08-21
Trinity require java 1.6. 3 2021-09-18 2022-10-26
document.select("#read_$$deptleaderIdea") 2 2020-11-10 2022-11-14
请问现在最新版本支持xpath吗? 1 2021-01-13 2022-01-09
Remove Pi: Set from Homebridge Log 3 2022-08-19 2022-11-23
Add support for temperature sensor 2 2022-08-12 2022-11-23
SpacegroupAnalyzer.get_symmetrized_structure() raises TypeError 0 2022-11-07 2022-11-26
Jenkins can't read log from taskrun, and the build is running all the time 6 2021-05-13 2022-11-16
Container software version 0 2022-03-09 2022-11-05
Binance: Sync balances - Wrong symbol problem 1 2021-05-08 2022-11-06
There should not be any UI issue in the user panel. 0 2022-01-14 2022-10-23
hasAny or custom WHERE clause 3 2022-06-08 2022-11-17
Some conditions cause type inference to fail after if statement 6 2022-08-22 2022-11-21
Bounty (Myst) count reset 5 2021-10-15 2022-08-01
Document *all* headers that htmx can use 2 2021-10-26 2022-09-29
Add import options to operational history 2 2022-08-09 2022-10-06
Enhancement : Support for "variable-length" file generation via HTTP API 2 2022-08-22 2022-10-14
Unfork this repo and update README 2 2022-04-10 2022-11-22
Take reset data dump from a separate `reset_state` database 0 2022-08-05 2022-09-07
ERROR: ON CONFLICT DO UPDATE command cannot affect row a second time (SQLSTATE 21000) 4 2022-07-20 2022-11-21
HTTPS certificate has expired 6 2020-06-14 2022-11-28
Update essential-cardano-list.md 1 2022-01-25 2022-11-17
Fractalz Rare Crystals 1 2021-11-02 2022-10-17
`set_tags` missing from python SDK 5 2022-02-16 2022-10-07
pushReplacementNamed is not working 3 2020-09-18 2022-11-15
PageHeader: Title doesn't append to top in smaller screen sizes 1 2021-09-30 2022-11-01
Disabling port forward doesn't close firewall rule 9 2022-02-06 2022-11-18
QST/DOC: (How) should downstream libraries use native/nullable dtypes? 1 2021-11-02 2022-11-22
bpf recorder fails on Minikube with Docker driver 2 2022-10-20 2022-11-15
Enforce the character encoding in "test_newlineStyle" 0 2022-07-09 2022-11-14
install_github failing 0 2021-01-06 2022-11-13
Bug: native change event target value is not reset on calcite-input clear button click until clear button is released 6 2021-03-29 2022-11-13
torch.Tensor.get_device would not be updated for CPU tensors behavior 2 2022-10-22 2022-11-11
建议代码生成的时候多生成一个插入菜单的sql文件 1 2021-02-01 2022-09-20
Add new notebooks via API 0 2021-11-29 2022-11-14
AppArmor denies setuid capability 0 2017-11-16 2022-11-22
结合gfwlist2dnsmasq使用是怎么一回事呢 1 2018-11-08 2022-11-23
Permissions not actively loaded 1 2021-09-20 2022-11-22
Bump typescript from 3.9.9 to 4.2.2 1 2021-02-24 2022-11-04
-s payload size [default: 256] is bytes 1 2020-12-26 2022-11-28