Должен ли я объединить .css файлы с php, чтобы уменьшить http запросы? - PullRequest
Новая
       8

Должен ли я объединить .css файлы с php, чтобы уменьшить http запросы?

3 голосов
/ 29 июля 2010

Я думал сегодня, когда связал веб-страницу с 3 внешними файлами .css: «Это слишком много HTTP-запросов!»Я задался вопросом, должен ли я использовать php для объединения этих файлов в один?Или мне просто импортировать все три в теги <head> с <style>?Я нашел одну релевантную ссылку на веб-сайты: Шовные файлы CSS или JavaScript для сокращения HTTP-запросов , но я не думаю, что это дает адекватное обсуждение.

примечание: я отмечаю это для javascriptа также потому, что я считаю, что это также относится к файлам .js, поэтому, пожалуйста, запомните, если ваш ответ относится только к CSS или Javascript

Ответы [ 3 ]

3 голосов
/ 29 июля 2010

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

Если ваша страница / сайт не имеет большого доступа в секунду, он вам не понадобится.

Я так думаю ...

3 голосов
/ 29 июля 2010

Мне стало интересно, должен ли я использовать php для объединения этих файлов в один?

Часто да, не только из-за количества HTTP-запросов (которые обычно происходят тольков любом случае), а также потому, что Internet Explorer не может обрабатывать более 31 внешней таблицы стилей на одной странице .

Желательно делать это кэшированным способом, чтобы вам не приходилось запускать PHP при каждом запросе CSS. Этот вопрос содержит несколько указателей на превосходные ресурсы по этой проблеме.

Или мне просто импортировать все три в теги with?

Нет: это делает стили не кэшируемыми браузером и увеличивает размер каждый запрос .

0 голосов
/ 29 июля 2010

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

Используя медиазапросы, можно комбинировать стили печати и экрана на одной странице, а с помощью селекторов классов телосложения можно добавлять, например, стили, встроенные без использования хаков.

Например, в main.css 

@media screen {
    p { [styles] }
    ...
}
@media print {
    p { [styles] }
    ...
}

В этой статье приводится краткое описание селекторов классов тела:
http://misteroneill.com/improved-internet-explorer-targeting-through-body-classes/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...