Quali sono le best practice per CDN?

Question

Recentemente ho iniziato a utilizzare la Rackspace Cloudfiles CDN (Limelight), di cui ho alcune domande:

1. sto usando jQuery, jQuery UI e strumenti jQuery in aggiunta al codice personalizzato JS. Inoltre, il mio sito è scritto in ASP.Net, il che significa che c'è un codice JS generato da ASP.Net.

In questo momento, ho combinato tutti i js (incluso il codice jquery), tranne che il file JS di ASP.Net ha generato un solo file. Sto ospitando questo sul CDN di Rackspace.

Mi chiedo se sarebbe più sensato ottenere i file jQuery, jQuery UI dal CDN ospitato da Google (che, a mio avviso, funzionerebbe molto bene nel servire questi file, dato che saranno già nella cache di molti utenti)?

Ciò significherebbe una richiesta HTTP aggiuntiva, quindi non sono sicuro se sarà di aiuto.

2. In questo momento ho più contenitori per le mie risorse. Ad esempio, in Rackspace ho 3 contenitori: JS, CSS e Images. Il sottodominio URL per tutti e 3 è diverso. Ciò comporterà una penalizzazione delle prestazioni? Dovrei semplicemente usare un container (e quindi un dominio per il CDN)?

3. C'è un modo per far caricare il JS MS ASP.Net da MS CDN? Questo avrebbe un impatto sulle prestazioni come da domanda sopra?

Answer 1

Il # 1 modo per velocizzare il sito Web è ridurre al minimo le richieste HTTP (Best Practices from Yahoo). Quindi, se stai già servendo i tuoi file CSS combinati da un CDN, lo stai facendo. Serve alcuni da google e alcuni dal tuo CDN aggiunge richieste.

Purtroppo non è possibile combinare CSS e JS in un unico file, quindi resterete bloccati con una richiesta ciascuno per CSS e JS. Potresti voler verificare che questi siano pubblicati su GZIPPED.

Per quanto riguarda le immagini, il modo migliore per accelerare è utilizzare gli sprite di immagini ogni volta che è possibile.

Probabilmente ha senso servire i file da domini separati in quanto aumenta il numero di download paralleli. (Another article from yahoo on this). Se i tuoi js & css sono solo due file puoi probabilmente metterli su un dominio e le tue immagini su un altro.

Answer 2

È decisamente meglio avere le risorse in un dominio diverso.

i browser caricano le risorse Web una alla volta o in sequenza da un singolo host. Non inizieranno a richiedere e scaricare l'asset successivo fino a quando non avranno terminato con quello precedente dello stesso dominio. Pertanto, il raddoppio degli host o dei domini può accelerare la velocità di download di circa il 100%, poiché i browser possono scaricare contemporaneamente contenuti da 2 domini diversi.

se cookie o sessione sono abilitati sul tuo sito web, il browser invierà il cookie di sessione ogni volta che inoltra una richiesta al dominio, che è inutile perché è un contenuto statico - il server non ha bisogno del cookie in tutto per servire contenuti statici come le immagini. Non è solo uno spreco di larghezza di banda, ma anche uno spreco di tempo di comunicazione. Per evitare ciò, pubblica tutti i contenuti statici da un dominio che non è abilitato ai cookie.

al contrario avendo JS servito su siti che aggiornano il mantenimento che il codice JS potrebbe diventare complicato in quanto si perde la possibilità di testare il JS corrente contro i nuovi framework.