CSS: @import vs. <link href=“”> [Дубликат]
This question already has an answer here:
Difference between @import and link in CSS 7 answers @import vs link 1 answerХорошо, я слышал миллион способов о том, как оптимизировать скорость загрузки веб-сайта: чем меньше HTTP-запросов, тем лучше (именно поэтому и появились спрайты изображений); Внедрить только файлы JavaScript, которые нужны только одной странице Используйте CSS для визуальных улучшений в максимально возможной степени, тогда возможно рассмотрите графику SVG(although this one is still debatable); сжать файлы CSS и JavaScript и разметку HTML; объединить ваши скрипты в один файл (меньше запросов HTTP обратно); распаковать ваши активы; и т. д.
Но сегодня я нахожу этот комментарий на сайте:
"Since we care about web development best practices, we don’t use @import rules in our projects anymore."
Чтобы уточнить, мой вопрос не о разнице между:
<link rel="stylesheet" href="file.css">
против<style type="text/css">@import url("styles.css");</style>
О разнице между добавлением этого в ваш HTML-документ:<link rel="stylesheet" href="file.css">
против добавления этого@import url("styles.css")
ВНУТРИ вашего основного файла CSS.
Итак, в чем разница между загрузкой файлов CSS из HTML и загрузкой файлов из другого файла CSS?
Я имею в виду, что HTTP-запросы все еще будут, они просто делаются из разных мест.
Я читаю Стива Соудерса & apos;не используйте @import статья и статья About.comВ чем разница между @import и ссылкой для CSS?, но они сравнивают методы, которые я упомянул выше, на которые я не ссылался, поэтому мне было непонятно, почему бы не использовать@import
.
Кстати, меня не волнует Netscape 4 или IE6 (слава богу, я могу сказать это сейчас) или IE7 и FOUC.
Заранее спасибо.