Expresa-la

Pon Stylesheets na parte superior

Se queres unha páxina para subir progresivamente, é dicir, queremos que o navegador para amosar calquera contido ten o máis breve posible, engada o CSS do principio da páxina dentro da cabeceira do documento. Isto fai que as páxinas parecen ser máis rápido carga, como esta facilita procesamento progresiva da páxina. Isto é especialmente importante para as páxinas con moito contido e para os usuarios en conexións máis lentas.

É un feito documentado que para mellorar a experiencia xeral do usuario, é importante para proporcionar indicadores de progreso e feedbacks visuais. Para evitar ter que redeseñar os elementos da páxina, no seu caso, a súa mudanza de estilo, algúns navegadores, incluíndo o IE, bloques de renderización da páxina ata a CSS está totalmente cargada. Debido a iso, o usuario é pode ver unha páxina en branco.

Os W3 especificacións de HTML dos tamén afirma que a CSS que me incluír na sección HEAD da páxina HTML. at the bottom of the page, so it's best not to use it. Teña en conta que, no IE @import se comporta o mesmo que usar <link> na parte inferior da páxina, polo que é mellor non usalo.

Evite utilizar características específicas do navegador

Filtros: uso do filtro aumenta o consumo de memoria e é aplicado por elemento, non por imaxe, entón o problema é multiplicado. Ademais, os filtros son IE Propietario, así que non vai funcionar conforme o esperado en outros navegadores. Se queres fondos transparentes ou gradiente, usa 1pixel con imaxes.
Expressions: expresións de CSS son un bo recurso para ter en CSS, senón que é característica específica do IE. Ademais, é importante ter en conta que, estas expresións son valorada cando a páxina é procesada e redimensionadas, rodado e mesmo cando o usuario move o rato sobre a páxina. Nin que dicir ten que isto podería afectar o desempeño da súa páxina. Así, en palabras simples, evite utilizar expresións CSS, a menos que sente os seus pros "pesa máis do que os seus contras '

Externalizar vostede CSS

Usando CSS externo ha producir unha subida máis rápido de páxinas porque os arquivos Javascript e CSS se almacenan en cache polo navegador. CSS liña en documentos HTML son baixadas sempre que o documento HTML é solicitada. Isto pode efectivamente reducir o número de solicitudes HTTP feitas pero posteriormente aumenta o tamaño do documento HTML. CSS externo se almacenan en cache polo navegador, o tamaño do documento HTML é reducido sen aumentar o número de solicitudes HTTP.

Teña en conta que, se os usuarios do seu sitio web ten varias exhibicións de páxina por sesión e moitas das súas páxinas reutilizar os mesmos guións e follas de estilo, hai un beneficio maior potencial de caché de ficheiros externos.

Abale seu arquivo CSS

Embalaxe ou esmaga CSS é a práctica de retirar caracteres innecesarios do código para reducir o seu tamaño, así, mellorar os tempos de carga.

O CSS me pode esmagar, eliminando todos os comentarios e ningún carácter non desexados, como espazos en branco, novas liñas etc