Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Make JavaScript and CSS External / Держите JavaScript и CSS снаружи

Оглавление
Английский оригинал Перевод на русский

Сожалеем, но текст оригинала доступен только зарегистрированным пользователям.

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

Alexasa 29.08.12 в 15:39

0

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

Alexasa 29.08.12 в 15:44

0

Ключевой момент, таким образом, с какой частотой кешируются внешние JavaScript и CSS компоненты по отношению к количеству запросов HTML документов. Этот фактор хоть и тяжело вычислить, но можно оценить с помощью различных методик. Если пользователь на вашем сайте просматривает за сессию несколько страниц, которые используют одни и те же скрипты и стили, то тут есть большой потенциал для использования кешируемых внешних файлов.

Alexasa 29.08.12 в 15:48

0

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

Alexasa 29.08.12 в 15:54

0

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

Alexasa 31.08.12 в 15:54

0
Минутку...