Наилучший способ загрузки медиазапросов для адаптивных веб-дизайнов

Несмотря на то что современные браузеры достаточно умны для того, чтобы игнорировать не предназначенные для них целевые файлы медиазапросов, иногда это не мешает им загружать подобные файлы. Таким образом, размещение разных стилей, связанных с медиазапросами, в отдельных файлах имеет лишь небольшие преимущества (не считая личных предпочтений и/или разделения кода на блоки). Использование отдельных файлов влечет рост количества НТТР-запросов, необходимых для обработки страницы, что, в свою очередь, приводит к ее более медленной загрузке.

JavaScript-инструмент Respond. js (https://github.com/scottjehl/Respond), позволяющий наиболее быстро добавить частичную поддержку медиазапросов в Internet Explorer версии 8 и ниже, на текущий момент не способен проанализировать CSS-код, на который ссылается команда @import. Поэтому я рекомендую добавлять стили, связанные с медиазапросами, в уже имеющуюся таблицу стилей. Например, вы можете просто добавить медиазапрос в существующую таблицу стилей, используя следующий синтаксис:

@media screen and (max-width: 768px) {ваши стили}