Подключать CSS через link или @import?

Подключить модуль CSS можно 2 способами:

  1. Через HTML с использованием тега link (предпочтительнее)

    <link rel="stylesheet" href="style-module.css" />
  2. Через CSS с использованием правила @import
    <style>
    @import url("style-module.css");
    </style>

Почему надо использовать link?

В теории единственная разница между ними заключается в том, что @import является механизмом CSS, который включает таблицу стилей, а <link> - механизмом HTML. Однако браузеры обрабатывают их по-разному, предоставляя <link> явное преимущество с точки зрения производительности. В частности Лучшие практики для ускорения вашего веб-сайта от Yahoo предлагают использовать <link>.


http://qaru.site/questions/15608/difference-between-import-and-link-in-css

Похожие записи

Кратко о внедрение зависимостей и сервис контейнере

Cтатья о том, что такое "Внедрение зависимостей" и "Сервис-контейнер" отталкиваясь от их реализации в PHP фреймворках. Статья написана по мотивам статей Фабьена Потенсье, ведущиго разработчика и идеолога фреймворка Symfony, а также документации фреймворка Laravel.

Классы visible-** и hidden-** в Bootstrap 4

Использование классов Bootstrap 4 для скрытия и отображения элементов на разных разрешения (xs, sm, md, lg) устройств при разработке адаптивных страниц

AWS шпаргалка

Названия более 50 службами amazon web services на понятном языке