I browser moderni implementano diverse tecniche per fare in modo che le risorse vengano scaricate e tenute in cache, velocizzando il caricamento di risorse che servono successivamente, oppure in scenari offline.
Le ultime versioni dei principali browser, in particolare, supportano due concetti: quello di prefecthing e quello di prerendering.
La prima tecnica consiste nello scaricare risorse insieme alla pagina, anche se non vengono referenziate, perché saranno utilizzate in seguito. La seconda istruisce il browser, aggiungendo al prefecthing un'ulteriore passo, necessario ad avere la pagina pronta per essere mostrata all'utente, caricandola ed eseguendola con una velocità superiore. Di fatto, in questo caso, il browser scambia la pagina corrente con quella pre-renderizzata all'atto della normale navigazione: la pagina è stata caricata ma non resa visibile, con l'effetto che l'utente la vedrà molto più velocemente all'atto della navigazione, perché il browser la scambierà con quella visualizzata in precedenza.
E' sufficiente inserire questi elementi nella pagina (tipicamente nel tag head):
<link rel="prefetch" href="/style2.css" /> <link rel="prerender" href="/play.html" />
La garanzia che il browser faccia il prerender non c'è, perché dipende dalla singola implementazione e da alcuni dettagli. Ad esempio, alcuni browser hanno un limite di una pagina al massimo, mentre altri ignorano tutte le direttive di prerender se ne vengono incluse più di una. E' invece possibile specificare più istruzioni di prefetch.
Il supporto è disponibile con IE 11+, Chrome 13+, FireFox.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Change tracking e composition in Entity Framework
Definire stili a livello di libreria in Angular
Creare gruppi di client per Event Grid MQTT
Effettuare il refresh dei dati di una QuickGrid di Blazor
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Ordinare randomicamente una lista in C#
Triggerare una pipeline su un altro repository di Azure DevOps
Utilizzare Copilot con Azure Cosmos DB
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Miglioramenti nelle performance di Angular 16
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
I più letti di oggi
- Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- Chiamare direttamente un numero di telefono con HTML5
- Richiamare programmaticamente le operazioni di aggiornamento, eliminazione e inserimento di FormView, DetailsView e GridView