Preconnect e priorità delle risorse

migliorare le prestazioni con preconnect oltre alle istruzioni standard di integrazione è possibile aggiungere dei tag preconnect i tag con preconnect accelerano i caricamenti futuri da un'origine data eseguendo in modo preventivo parte o tutto l'handshake (dns+tcp per http e dns+tcp+tls per le origini https) questo garantirà uno sprint aggiuntivo in termini di apertura della cmp e maggiore velocità nella divulgazione del consenso, regalandoci con poco sforzo un miglioramento in termini di user experience e di performance lato advertising si tratta di una semplice aggiunta da fare nel tag head dei vostri siti web, aggiungendo in cima le due seguenti righe \<link rel="preconnect" href="https //cmp pubtech ai" /> \<link rel="preconnect" href="https //cmp assets pubtech ai" /> se volete approfondire, vi lasciamo qui di seguito dei link a delle risorse aggiuntive https //web dev/articles/preconnect and dns prefetch https //developer mozilla org/en us/docs/web/html/attributes/rel/preconnect prioritizzazione delle risorse per garantire una buona esperienza utente è essenziale prioritizzare correttamente le risorse non è nello scopo di questa documentazione parlare di minificazione, compressione ed altri accorgimenti che vi consigliamo altamente di seguire, alcuni tra questi sono minificazione e compressione dei file (ad esempio per script e immagini) lazy loading assicurati che solo le immagini iniziali vengano caricate immediatamente, mentre le immagini che si trovano a fondo della pagina possono essere caricate tramite il lazy loading con l'attributo al vostro tag img loading="lazy" , la stessa cosa potrebbe essere effettuata con i tag script, se uno script non è essenziale ai fini di mostrare il contenuto del vostro sito web potrebbe essere opportuno caricarlo tramite logiche di lazy loading evitare di modificare la pagina con del javascript bloccante questi accorgimenti potrebbero fare una enorme differenza sul tempo di caricamento del vostro sito web inoltre si possono effettuare operazioni di prioritizzazione delle risorse ultilizzando i tag async e defer per i file javascript vi lasciamo qui un https //html spec whatwg org/multipage/scripting html# text=the%20async%20and%20defer%20attributes%20are%20boolean%20attributes%20that%20indicate,not%20specify%20the%20defer%20attribute utile per approfondire