Mettete i fogli di stile Top
Se si desidera che una pagina da caricare progressivamente; che è, vogliamo che il browser per visualizzare qualsiasi contenuto che ha il più presto possibile, mettere il CSS nella parte superiore della pagina all'interno del documento. Questo rende pagine sembrano essere caricamento più rapido, in quanto questo facilita la resa progressiva della pagina. Questo è particolarmente importante per le pagine con un sacco di contenuti e per gli utenti di connessioni Internet lente.
È un fatto documentato che per migliorare l'esperienza complessiva dell'utente, è importante fornire indicatori di avanzamento e feedback visivi. Per evitare di dover ridisegnare gli elementi della pagina, nel caso in cui il loro cambiamento degli stili, alcuni browser, tra cui IE, rendering blocchi della pagina fino a che il CSS è stato caricato completamente. A causa di questo, l'utente è riesce a vedere una pagina bianca vuota.
I W3 Specifiche HTML dei afferma inoltre che il CSS mi deve includere nella sezione HEAD della pagina HTML. at the bottom of the page, so it's best not to use it. Si noti inoltre che, in IE @import comporta allo stesso modo utilizzando <link> in fondo alla pagina, quindi è meglio non usarlo.
Evitare l'utilizzo di specifiche funzioni del browser
Filtri: uso del filtro aumenta il consumo di memoria e viene applicato per ogni elemento, non per immagine, per cui il problema è moltiplicato. Inoltre, i filtri vengono IE proprietario, quindi non funziona come previsto in altri browser. Se si desidera che lo sfondo trasparente o sfumato, utilizzare 1Pixel con le immagini.
Espressioni: espressioni CSS sono una bella caratteristica di avere in CSS, ma è ancora IE funzionalità specifica. Inoltre, è importante notare che, queste espressioni sono valutata quando la pagina viene visualizzata e ridimensionato, volute e anche quando l'utente sposta il mouse sulla pagina. Inutile dire che questo potrebbe influire sulle prestazioni della tua pagina. Quindi, in parole semplici, evitare di utilizzare le espressioni CSS, a meno che non si sente i suoi pro 'pesa di più rispetto ai suoi cons'
Esternalizzare si CSS
Utilizzo di CSS esterni si tradurrà in caricamento più veloce di pagine perché i file JavaScript e CSS sono memorizzati nella cache dal browser. Inline CSS nei documenti HTML vengono scaricati ogni volta che viene richiesto il documento HTML. Questo potrebbe effettivamente ridurre il numero di richieste HTTP effettuate successivamente ma aumenta la dimensione del documento HTML. CSS esterna vengono memorizzati nella cache dal browser, la dimensione del documento HTML viene ridotto senza aumentare il numero di richieste HTTP.
Si prega di notare che, se gli utenti sul tuo sito hanno viste di più pagine per sessione e molte delle tue pagine riutilizzare gli stessi script e fogli di stile, vi è un maggiore beneficio potenziale cache file esterni.
Pack File CSS
Imballaggio o sgranocchiare il CSS è la pratica di rimuovere i caratteri non necessari dal codice per ridurne le dimensioni migliorando in tal modo i tempi di caricamento.
Il CSS può mi scricchiolava rimuovendo tutti i commenti e gli eventuali caratteri indesiderati come spazi bianchi, a capo ecc
