Порядок загрузки внешних файлов CSS и JavaScript

Question

У меня есть стороннее приложение, которое загружает много файлов CSS и javascript, и теперь я хочу оптимизировать это, объединяя все javascripts в один файл, сжатый с помощью yuicompressor, но ... когда мыесть микс вроде:

<script type="text/javascript" src="script1.js"></script>
<script type="text/javascript" src="script2.js"></script>
<link rel="stylesheet" href="style1.css" type="text/css" />
<script type="text/javascript" src="script3.js"></script>
<script type="text/javascript" src="script4.js"></script>

Имеет ли значение, что здесь есть css?Должен ли я конкатинировать и yuicompress 4 javascript и загрузить их до CSS или после?

Answer 1

Ознакомьтесь с Лучшие практики Yahoo по ускорению работы вашего веб-сайта , они рекомендуют сначала загружать ваш css (желательно в заголовке), а затем ваш js (после всего содержимого в теле). Лучшие практики Google также рекомендуется сначала загрузить CSS.

Answer 2

Это зависит. Если все JS работают только на DOM, заказ не имеет значения. Однако, если есть какой-либо встроенный javascript, который изменяет стили CSS элементов DOM, у вас будут проблемы.

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

Answer 3

Это не имеет значения, хотя, если загрузка занимает некоторое время, пользователь может увидеть, как его страница изменит внешний вид, и задаться вопросом, почему.Я бы поставил файлы CSS на первое место, чтобы определения стилей были на месте перед любой манипуляцией с DOM, что, скорее всего, сводит к минимуму видимые изменения при загрузке страницы, но в конце это не имеет значения.