Quando scegliamo di sfruttare una Content Delivery Network come sorgente per gli script contenuti in pagina, demandiamo a una terza parte l'onere di servire una porzione delle nostre pagine web. I vantaggi sono molteplici, dal risparmio di banda fino all'ottimizzazione dell'uso della cache del browser per il download; il problema fondamentale, però, è che perdiamo di fatto il controllo di parte dei nostri contenuti il cui download potrebbe fallire senza che ne abbiamo alcun preavviso.
Il controllo ScriptManager di ASP.NET 4.5 offre una funzionalità nella gestione di queste casistiche che risolve in maniera brillante questa problematica. Se creiamo un nuovo progetto ASP.NET Web Forms e diamo un'occhiata alla pagina Site.Master, possiamo notare che tramite ScriptManager sono referenziati tutti gli script necessari al funzionamento, tra i quali per esempio, jQuery e jQuery UI:
<asp:ScriptManager runat="server"> <Scripts> <asp:ScriptReference Name="jquery" /> <asp:ScriptReference Name="jquery.ui.combined" /> ... </Scripts> </asp:ScriptManager>
Per fornire questi contenuti tramite CDN, non dobbiamo far altro che abilitare la proprietà EnableCdn:
<asp:ScriptManager runat="server" EnableCdn="true" EnableCdnFallback="true"> ... </asp:ScriptManager>
In particolare, nel codice precedente, abbiamo impostato a true anche EnableCdnFallback, che come effetto produce il seguente markup:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> //<![CDATA[ (window.jQuery)||document.write('<script type="text/javascript" src="Scripts/jquery-1.8.3.js"><\/script>');//]]> </script>
Come possiamo notare, subito a valle della reference tramite CDN, viene aggiunto del codice JavaScript che verifica la presenza, nell'object model, di una definizione valida per jQuery e, in caso non sia disponibile, aggiunge una reference "locale". Questo consente di mantenere le nostre pagine ugualmente funzionanti anche nel caso in cui la CDN che stiamo sfruttando sia momentaneamente offline.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Scaling per app con Azure App Service
Utilizzare Front Door come CDN di contenuti statici
.NET per sviluppatori AWS
Autenticazione basata su certificati con ASP.NET Core
Creare classi CSS custom per Bootstrap 5
Le novità di Angular 13 e del suo ecosistema
Recuperare la data di creazione e ultima modifica di un record con Entity Framework Core e le temporal table di SQL Server
Personalizzare la creazione dell'utenze Azure B2C tramite API connector
Semplificare la dichiarazione del namespace in C#
Gestire errori temporanei in una comunicazione gRPC con ASP.NET Core 6
Aumentare le prestazioni di Blazor con la compilazione Ahead of Time
Creare Higher-Order functions in JavaScript