CSS: Подключение файла через @IMPORT или LINK

Для подключения файла стилей CSS можно воспользоваться несколькими способами. Кто-то предпочитает использовать вставку через LINK а кто-то любит @IMPORT. Как же понять – какой способ использовать предпочтительнее всего? Ответ на этот вопрос нам даст Google (думаю, ему можно доверять в этом плане). Корпорация добра дает следующие характеристики описанных выше методов…

Итак, для подключения файла стилей у нас есть 2 способа:

<link rel="stylesheet" type="text/css" href="styles.css" />

Или же внутри самого файла стилей через директиву @import

@import url('style.css');  

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

Во втором же случае подключения через @import, пока данный файл стилей не будет полностью загружен, браузер не может выполнять более быструю параллельную загрузку.

Если у вас несколько файлов стилей, самый лучший вариант объединить их все в один и пройтись компактером, который убьет все пробелы, последние закрывающие точка-запятые и переносы строк.

Если же не получится, то загружайте их параллельно:

<link rel="stylesheet" href="style_1.css" />
<link rel="stylesheet" href="style_2.css" />
<link rel="stylesheet" href="style_3.css" />


Поделиться с друзьями:

Другие публикации:

Написать комментарий через:

 
       
  • ВКонтакте
  •        
  • Локальный блог
  •  
 
 

Ваш отзыв

Имя *

Почта (скрыта) *

Сайт

Напишите цифрами двa вoceмь двa *

Сообщение

 
Статьи пользователей на ArtKiev Design Studio