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

Опубликовано в Общее • 27 января 2018 г. • 1 мин. на чтение

Подключить модуль 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

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

Полезные горчие клавиши Youtube

При просмотре роликов бывает хочется немного ускорить воспроизведение, для этого есть функция "скорость видео" в настройках ролика. Чтобы её включить не задействуя мышь нужно нажать "Shift + >" или "Shift + <" для ускорения и замедления соответственно. И еще некоторые горячие клавиши youtube:

Про развитие языков программирования

Типизация приносит производительность. И если раньше эта производительность была направлена на создание более быстрого кода, то сейчас на более быстрое написание кода.