Какое влияние не оказывает сжатие JavaScript и CSS на обработку на стороне клиента

Question

Не обращая внимания на время загрузки, какое влияние на производительность заставляет браузер интерпретировать несколько отдельных маленьких файлов, а не один большой.В частности, может ли это существенно повлиять на скорость рендеринга страниц в ie6 и 7?

Answer 1

Браузеры обычно ограничивают себя определенным количеством одновременных запросов. Это число зависит от того, насколько они «дружелюбны к серверу».

Сколько одновременных запросов AJAX (XmlHttpRequest) разрешено в популярных браузерах?

Таким образом, в зависимости от количества артефактов, которые должен загрузить браузер, может потребоваться дождаться завершения других. Артефакты включают в себя все, что браузер должен возвращать на сервер: изображения, JavaScript, CSS, Flash и т. Д. Даже значок, если он у вас есть.

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

Answer 2

Он должен делать больше запросов HTTP туда-обратно.Это может иметь или не иметь существенных последствий.

Answer 3

Я работаю в правительственной организации с крупномасштабной корпоративной интрасетью, и когда у нас было около 25+ файлов JS и 10+ CSS-файлов, загружаемых на нашем портале интрасети, мы заметили существенное отставание во времени загрузки страницыIE6 и 7 .Более новые браузеры имеют более быстрые процедуры для загрузки и выполнения JavaScript.Я использовал YUI Compressor для минимизации всего, включая CSS.

Answer 4

Где,

Помимо времени загрузки, если у вас слишком много файлов javascript и css

Каждый запрос представляет собой дополнительный HTTP-вызов от клиента к серверу.

Если загрузка страницы является одним из основных критериев, вы должны определенно подумать об этом

. Прочитайте также этот документ

http://developer.yahoo.com/performance/rules.html

Answer 5

Я задавал этот вопрос несколько раз, когда впервые начал заниматься веб-разработкой.

Если у вас менее 10 javascript-файлов и 10 css-файлов (css не так важен, на мой взгляд), то я не думаю, что есть много смысла в минимизации и сжатии.Однако, если вы имеете дело с кучей файлов JavaScript (больше 10), то ДА, это будет иметь значение.

Что вы можете испытать, даже после сжатия, минимизации и объединения ваших скриптов, вы все равно можете испытывать медлительность.Именно тогда кеширование HTML играет огромную роль в оптимизации веб-сайта, по крайней мере, это то, что я испытал в своем веб-приложении.Попробуйте заглянуть в Memcached и использовать его для кэширования ваших HTML-файлов.Эта техника ускоряет ваше веб-приложение в целом!

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

Только мои 2 цента.

Answer 6

Если вы включите минификацию вместе с объединением файлов, то мертвый код часто удаляется (в зависимости от минификатора), и некоторый код можно оптимизировать (см. YUI Compressor: Что такое микрооптимизация? и Какая библиотека минимизации JavaScript дает лучшие результаты? ).