Сколько таблиц стилей замедляется на веб-сайте?

Question

Вот 3 файла CSS (один только для IE)

<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">    
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

Если я продолжу делить scree.css на эти css на моем сайте

Теперь это будет 6 CSS (один только для IE)

<link rel="stylesheet" href="css/blueprint/reset.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/grid.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/typography.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/forms.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">    
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

Если я выберу второй метод для веб-сайта даже после производства. Действительно ли это замедляет скорость загрузки страницы сайта? если да то сколько? Насколько эти 3 дополнительные таблицы стилей повлияют на производительность сайта?

Answer 1

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

Используйте такой инструмент, как PageSpeed ​​ от Google или YSlow от Yahoo, чтобы выяснить, что именно на самом деле вызывает проблемы с производительностью, когда у вас есть большая часть сайта, и оптимизировать вещи, которые имеют значение. Не беспокойся об этом раньше.