Le funzionalita' descritte in questa pagina fanno riferimento ad una versione minima di Ready Pro v2026.7
Tramite la sezione Preload risorse della Gestione template e contenuti è possibile specificare alcune risorse che il browser deve caricare preventivamente durante l'apertura delle pagine del sito ecommerce.
Questa impostazione può essere utilizzata, ad esempio, per precaricare font, fogli di stile CSS o script JavaScript utilizzati dal template, in modo da renderli disponibili al browser nelle prime fasi del caricamento della pagina.
Per configurare le risorse da precaricare, accedere alla Gestione template e contenuti, selezionare la scheda Contenuti e, nell'albero delle sezioni, aprire Aspetto grafico > Contenuti > Preload risorse.
Questa impostazione può essere utilizzata, ad esempio, per precaricare font, fogli di stile CSS o script JavaScript utilizzati dal template, in modo da renderli disponibili al browser nelle prime fasi del caricamento della pagina.
Per configurare le risorse da precaricare, accedere alla Gestione template e contenuti, selezionare la scheda Contenuti e, nell'albero delle sezioni, aprire Aspetto grafico > Contenuti > Preload risorse.
Nella sezione viene visualizzato l'elenco delle risorse configurate.
Per aggiungere una nuova risorsa, utilizzare il pulsante Modifica e quindi Aggiungi (F4).
Per aggiungere una nuova risorsa, utilizzare il pulsante Modifica e quindi Aggiungi (F4).
Per ogni risorsa è possibile specificare il Tipo di risorsa. Sono disponibili le seguenti tipologie:
- Font : utilizzato per precaricare un carattere, ad esempio un font Web in formato WOFF o WOFF2.
- Css : utilizzato per precaricare un foglio di stile CSS.
- Script : utilizzato per precaricare uno script JavaScript.
- Font : utilizzato per precaricare un carattere, ad esempio un font Web in formato WOFF o WOFF2.
- Css : utilizzato per precaricare un foglio di stile CSS.
- Script : utilizzato per precaricare uno script JavaScript.
La tipologia selezionata determina il tipo di risorsa indicato nel codice HTML generato dal template:
- Font: la risorsa viene indicata come risorsa di tipo font.
- Css: la risorsa viene indicata come risorsa di tipo style.
- Script: la risorsa viene indicata come risorsa di tipo script.
Per tutte le tipologie viene utilizzato il meccanismo HTML preload.
Campo Url
Nel campo Url occorre indicare l'indirizzo della risorsa da precaricare.
- Font: la risorsa viene indicata come risorsa di tipo font.
- Css: la risorsa viene indicata come risorsa di tipo style.
- Script: la risorsa viene indicata come risorsa di tipo script.
Per tutte le tipologie viene utilizzato il meccanismo HTML preload.
Campo Url
Nel campo Url occorre indicare l'indirizzo della risorsa da precaricare.
Se il campo Url viene lasciato vuoto, la risorsa non viene inserita tra i preload generati dal template.
Ready Pro determina automaticamente anche il tipo MIME della risorsa in base al relativo URL. Se non è possibile determinarlo automaticamente, vengono utilizzati dei valori predefiniti in base al tipo di risorsa:
- Font: font/woff2
- Css: text/css
- Script: text/javascript
Gestione delle risorse esterne
Quando l'URL identifica una risorsa esterna rispetto al sito, Ready Pro aggiunge automaticamente l'attributo crossorigin al preload.
Per i Font l'attributo crossorigin viene invece aggiunto sempre, anche quando la risorsa non è esterna.
Questa gestione è necessaria in particolare per il corretto precaricamento dei font tramite il meccanismo HTML utilizzato dal browser.
Ready Pro determina automaticamente anche il tipo MIME della risorsa in base al relativo URL. Se non è possibile determinarlo automaticamente, vengono utilizzati dei valori predefiniti in base al tipo di risorsa:
- Font: font/woff2
- Css: text/css
- Script: text/javascript
Gestione delle risorse esterne
Quando l'URL identifica una risorsa esterna rispetto al sito, Ready Pro aggiunge automaticamente l'attributo crossorigin al preload.
Per i Font l'attributo crossorigin viene invece aggiunto sempre, anche quando la risorsa non è esterna.
Questa gestione è necessaria in particolare per il corretto precaricamento dei font tramite il meccanismo HTML utilizzato dal browser.
Opzione Attivo
L'opzione Attivo consente di stabilire se il singolo preload deve essere utilizzato.
L'opzione è utile principalmente per poter disattivare temporaneamente una singola risorsa senza doverla eliminare dalla configurazione. In questo modo il preload rimane memorizzato e può essere nuovamente attivato in seguito, quando necessario.
Quando una risorsa è disattivata, oppure quando non è stato indicato alcun Url, Ready Pro non genera il relativo tag di preload nella pagina del sito.
N.B. L'impostazione Attivo riguarda il singolo elemento configurato. È quindi possibile mantenere più risorse nell'elenco e attivare o disattivare individualmente quelle che devono essere utilizzate.
L'opzione Attivo consente di stabilire se il singolo preload deve essere utilizzato.
L'opzione è utile principalmente per poter disattivare temporaneamente una singola risorsa senza doverla eliminare dalla configurazione. In questo modo il preload rimane memorizzato e può essere nuovamente attivato in seguito, quando necessario.
Quando una risorsa è disattivata, oppure quando non è stato indicato alcun Url, Ready Pro non genera il relativo tag di preload nella pagina del sito.
N.B. L'impostazione Attivo riguarda il singolo elemento configurato. È quindi possibile mantenere più risorse nell'elenco e attivare o disattivare individualmente quelle che devono essere utilizzate.
