Suggerimenti per servire i file statici più veloce, come JavaScript, CSS e immagini

Question

Mi piacerebbe ottenere alcuni suggerimenti dei nostri utenti in modo di servire i file statici su un sito web - come JavaScript, CSS, immagini e file Flash - più veloce. Eventuali suggerimenti utili?

Answer 1

La punta migliore che posso darvi è: acquistare libro di Steve Sounder Alta prestazioni siti web che è pieno di consigli facili da seguire. Sul conto di immagini statiche: utilizzare una rete di distribuzione di contenuti (CDN), il che significa: è sufficiente posizionare il contenuto statico su un altro server, su un altro (sotto) di dominio e di avere le migliori prestazioni si può avere per i contenuti statici.

I vantaggi sono: nessun cookie mandano avanti e indietro (questo spiega molto in alto!), Senza alcun costo computazionale HTTP, buoni timeout, solida performance quando si utilizzano CDN esterna e di un proprio server diventa molto meno traffico. Ci sono molti, fornitori commerciali (come Amazon S3), ma anche liberi CDN.

Alcuni meno importante, ma comunque preziosa di consigli:

• minify il tuo JavaScript (velocità fino primo carico solo);
• combinare il tuo JavaScript e CSS lime in un unico e;
• sprite uso CSS per le vostre immagini (più piccoli).

Nota: StackOverflow è un sito web bell'esempio che segue tutti nofollow questi suggerimenti e scaricare YSlow per testare il proprio sito web.

Answer 2

Partenza suggerimenti di Yahoo a http://developer.yahoo.com/yslow/ http://developer.yahoo.com/performance/rules.html . Alcuni punti generali:

1. Usa un CDN per i file statici (e disabilitare i cookie sul dominio CDN)
2. Assicurarsi che le dimensioni delle immagini sono ottimizzate
3. Minify tuo file JS
4. Mettere i tag SCRIPT alla parte inferiore del codice HTML, e utilizzare l'attributo "Defer =" ove possibile (Questo accelera il caricamento del browser alla pagina)

Answer 3

Usa un Content Delivery Network - CDN - per i contenuti statici.

In alternativa è possibile creare un sottodominio, vale a dire gfx.yoursite.com, per ospitare tutti i tuoi contenuti statici. Disabilitare i cookie e ottimizzare le prestazioni del sito con il caching aggressivo.

Si potrebbe anche voler guardare in sprite CSS, possono migliorare le prestazioni e per la grafica comuni.

Per ridurre il numero di risorse esterne in una pagina, è anche possibile incorporare piccole immagini direttamente nei file CSS utilizzando Base 64 codifica. Ciò consentirà di ridurre il numero di ricerche DNS e migliorare le prestazioni. Tuttavia, si aggiunge un po 'di complessità e di manutenzione rapidamente diventare un incubo. Si tratta di un ingegnoso strumento per aiutarvi, Convertire qualsiasi immagine in una stringa base64 , ma attenzione. :)