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
Referenziare un @layer più alto in CSS
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Implementare l'infinite scroll con QuickGrid in Blazor Server
Eseguire i worklow di GitHub su runner potenziati
Generare la software bill of material (SBOM) in GitHub
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Gestire domini wildcard in Azure Container Apps
Effettuare il refresh dei dati di una QuickGrid di Blazor
Ordine e importanza per @layer in CSS
Utilizzare politiche di resiliency con Azure Container App
Sostituire la GitHub Action di login su private registry
Gestione dell'annidamento delle regole dei layer in CSS