Esta questão já tem uma resposta aqui:

Diferença entre @import e link em CSS 7 respostas@import vs link 1 resposta

Ok, eu já ouvi um milhão de maneiras sobre como otimizar a velocidade de carregamento de um site: quanto menos solicitações de HTTP, melhor (é por isso que os sprites de imagem nasceram); Injete somente os arquivos JavaScript que uma página precisa exclusivamente. Use CSS para melhorias visuais, tanto quanto possível, então talvez considere gráficos SVG(embora este ainda seja discutível); comprimir seus arquivos CSS e JavaScript e marcação HTML; consolidar seus scripts em um único arquivo (menos solicitações HTTP de volta); gzip seus ativos; etc etc.

Mas hoje eu acho esse comentário em um site:

"Como nos preocupamos com as práticas recomendadas de desenvolvimento da Web, não usamos mais as regras @import em nossos projetos."

Para esclarecer, a minha pergunta não é sobre a diferença entre:

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

É sobre a diferença entre adicionar isso ao seu documento HTML:<link rel="stylesheet" href="file.css"> vs. adicionando isso@import url("styles.css") DENTRO do seu arquivo CSS principal.

Então, qual é a diferença entre carregar arquivos CSS do HTML de carregar arquivos de outro arquivo CSS?

Quer dizer, as solicitações HTTP ainda estarão lá, elas estão sendo feitas de diferentes locais.

Eu li Steve Souders 'não use @import artigo e artigo da About.comQual é a diferença entre @import e link para CSS?, mas eles comparam os métodos que eu mencionei acima eu não estava me referindo, então não ficou claro para mim porque não usar@import.

BTW, eu não me importo com o Netscape 4 ou IE6 (Graças a Deus eu posso dizer isso agora) ou IE7 e o FOUC.

Desde já, obrigado.