Impatto delle prestazioni dell'utilizzo di css/javascript source-maps in produzione?

Question

• Dovrebbe sorgente mappe essere utilizzati in ambiente di produzione? Forniscono vantaggi diversi dal debugging?
• Impattano il tempo di caricamento dell'app a causa dei round trip aggiuntivi del server? I browser sono abbastanza intelligenti da caricare le risorse .map dopo il caricamento e il rendering dell'app?
• Se un browser non riesce a trovare il .map patrimoniale (404 errore), ci sarebbe impatto sulle prestazioni? Dovrei preoccuparmi di ripararlo?

Nota che fissa l'ultimo non può essere così facile come servire le .map beni se ci sono concat complicate/Minify costruire passaggi.

Answer 1

Un test rapido utilizzando Charles Web Proxy dimostra che le mappe di origine sono solo caricato in caso di apertura strumenti di sviluppo. Se si carica una pagina senza gli strumenti di sviluppo dev, non è disponibile alcuna richiesta http per le mappe di origine.

Il comportamento era lo stesso in Chrome 43 e Firefox 38.

Così sembra che sarebbe alcun impatto sull'ambiente di produzione.

Answer 2

Da HTML5 Rocks:

Fondamentalmente si tratta di un modo per mappare un file combinato/minified torna a uno stato non costruito . Quando si crea per la produzione, insieme a minifying e combinando i file JavaScript, si genera una mappa fonte che contiene informazioni sui file originali. Quando si esegue una query una certa linea e la colonna numero nel vostro generato JavaScript si può fare una ricerca nel mappa sorgente che restituisce la posizione originale. Strumenti per sviluppatori (attualmente WebKit nightly build, Google Chrome, Firefox o 23+) può analizzare automaticamente la mappa fonte e farla apparire come se fossi l'esecuzione di file unminified e non combinati.

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/