@ importación o para importar hojas de estilo?

Question

¿Qué método es mejor para la importación de múltiples hojas de estilo? Es un método más eficiente que el otro?

Answer 1

Una vez leí este artículo sobre actuaciones y <link> vs @import: no utilice @import ; citando a una pequeña parte de ella:

  

Usar enlace en lugar de @import si   quieren hojas de estilo para descargar en   paralelas que resulta en una página más rápido.

Es muy reciente (abril de 2009), por lo que aún debe ser todo verdad -. Y escrita por Steve Souders, cuyo nombre es bastante conocido cuando se trata de actuaciones de front-end

En un punto más subjetivo, yo prefiero usar varios bastante <link> de mi archivo HTML principal: de esta manera, yo soy capaz de ver sólo un rápido vistazo qué archivos CSS se llaman - ya sea buscando en el archivo de plantilla en el servidor, o en busca en el código HTML generado en el lado del cliente.

Answer 2

En algunos (todos?) Implementaciones @import se procesa al final de la carga de la página, por lo que tendría el flash no deseado del contenido sin estilo de usarlo.

link trabaja generalmente mejor, pero si lo que wa no es definir un media diferente, se puede usar sin problema. Además, es un buen truco para ocultar CSS de los navegadores más antiguos (