Angular 17 porta con se diverse novità.
Una di queste è @defer, che in pratica ci permette di caricare un componente/template in maniera con una lazy-loading.
Può essere molto comodo nel caso in cui un componente carichi parecchi dati.
In questo articolo vediamo un esempio basico.
Generalmente, quando includiamo uno script Javascript nello nostre pagine, lo facciamo in maniera sincrona:
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
Girovagando tra gli strumenti di Google Webmaster, mi sono reso conto di un alert, che mi indicava che gli script risultavano bloccanti per la pagina.
Questo proprio perchè caricati in maniera sincrona.
Ho, quindi, scoperto che gli script possono essere caricati anche in maniera asincrona.