2015-11-04 13 views
6

Ove possibile nella progettazione di applicazioni Web, ho utilizzato un CDN per distribuire le librerie di uso comune (IE. JQuery, Bootstrap.css ecc.).Quale è meglio, rimuovendo le classi di stile inutilizzate dalla libreria css o usando una CDN?

Tuttavia ....

ottimizzando il mio ultimo progetto ho notato che la maggior parte delle pagine utilizzano meno del 10% del CSS bootstrap, lasciando il 90% inutilizzato.

Modifica: questa domanda riguarda la distribuzione finale non lo sviluppo.

Domanda:

è meglio usare un CDN dove c'è una buona possibilità che il file è già stato memorizzato nella cache da qualche parte locale e molto probabilmente dal fornitore del servizio visitatori?

Oppure:

Scrivi la tua file CSS che solo usa quello che ti serve, riducendo drasticamente le dimensioni del file e di accoglienza a livello locale?

Il file ministato di Bootstrap css è di 122kB in entrata o in uscita. Nel mio esempio 109kB è inutilizzato lasciandomi 13kB di file css usato. In questo scenario sarebbe meglio ospitare il 13kB localmente o il 122kB da un CDN?

Grazie in anticipo,

Gavin.

+1

Un CDN fornirà molti più vantaggi rispetto al semplice snellimento delle risorse. È difficile fare affermazioni generali sull'uso di entrambi. – deceze

+0

Quanto (in termini di volume di dati) è "il 90% del CSS di Bootstrap" comunque - dopo la minifrazione e Gzip? (E hai bootstrap [personalizzato in base alle tue esigenze] (http://getbootstrap.com/customize/), in modo tale che includa solo i componenti che stai usando per iniziare?) – CBroe

+0

Questa domanda è troppo ampia, opinion based o invita la discussione e quindi è off-topic per Stack Overflow –

risposta

4

Penso che dipenda dal tuo utente finale. Se hai come target utenti medi, puoi tranquillamente presumere che abbiano risorse cache CDN. Devi analizzare la tua base di utenti.

Li raggruppo sempre tutti e li metto su un CDN. Il raggruppamento diminuisce il peso della pagina e avvantaggia anche il server scaricando il lavoro. Ma dipende anche dalla disponibilità del processo di costruzione e dalla sua automazione.

Gli strumenti seguenti sono a portata di mano.

+0

se il progetto è in esecuzione sul server quindi utilizzare CDN Google CDN https://developers.google.com/speed/libraries/ maxCDN https: // www.maxcdn.com/ se si sta utilizzando in fase di sviluppo quindi il progetto non è connesso a Internet, questa volta si dovrebbe usare JS locale – Smoke

+0

Capisco il tuo commento sulla fase di sviluppo Fumo, ma la domanda era la distribuzione finale. Dovrei averlo aggiunto! Scusate. – Gavin

0

se il progetto è in esecuzione sul server di quindi utilizzare CDN

Google CDN

Google CDN

MaxCDN

MAX CDN

Se si utilizza in fase di sviluppo, allora il progetto non è collegata con Internet, questa volta si dovrebbe essere in uso locale JS e CSS

La logica principale dietro il tutto il processo è il cookie cookie archivio libreria del percorso CDN che viene utilizzato da altri siti e sarà accelerare anche il tuo sito.

Problemi correlati