Esta pregunta ya tiene una respuesta aquí:

Diferencia entre @import y enlace en CSS 7 respuestas@import vs link 1 respuesta

Ok, he escuchado un millón de maneras sobre cómo optimizar la velocidad de carga de un sitio web: cuantas menos solicitudes HTTP, mejor (por eso nacieron los sprites de imágenes); Inyecte solo los archivos JavaScript que una página necesita exclusivamente. Use CSS para las mejoras visuales tanto como sea posible, luego considere los gráficos SVG(aunque este aún es discutible); comprime tus archivos CSS y JavaScript y marca HTML; consolide sus scripts en un solo archivo (menos solicitudes HTTP de nuevo); gzip sus activos; etcétera etcétera.

Pero hoy encuentro este comentario en un sitio web:

"Ya que nos preocupamos por las mejores prácticas de desarrollo web, ya no usamos las reglas de importación en nuestros proyectos".

Para aclarar, mi pregunta NO es sobre la diferencia entre:

<link rel="stylesheet" href="file.css"> contra<style type="text/css">@import url("styles.css");</style>

Se trata de la diferencia entre agregar esto a su documento HTML:<link rel="stylesheet" href="file.css"> vs. agregar esto@import url("styles.css") DENTRO de su archivo CSS principal.

Entonces, ¿cuál es la diferencia entre cargar archivos CSS desde HTML desde cargar archivos desde otro archivo CSS?

Quiero decir, las solicitudes HTTP seguirán ahí, solo se están realizando desde diferentes ubicaciones.

Lei a Steve Soudersno use @import artículo, y el artículo de About.com¿Cuál es la diferencia entre @import y enlace para CSS?, pero comparan los métodos que mencioné anteriormente a los que no me refería, así que no estaba claro por qué no usar@import.

Por cierto, no me importa Netscape 4 o IE6 (gracias a Dios, puedo decir eso ahora) o IE7 y la FOUC.

Gracias por adelantado.