Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Make JavaScript and CSS External / Держите JavaScript и CSS снаружи
| Английский оригинал | Перевод на русский | |
|---|---|---|
Сожалеем, но текст оригинала доступен только зарегистрированным пользователям. |
Многие из перечисленных здесь правил производительности относятся к управлению внешними компонентами. Однако, прежде чем поднимать эти вопросы, вы должны задать себе более простой вопрос: должны ли скрипты и стили находиться во внешних файлах, или лучше внедрять их в тело страницы? Alexasa 29.08.12 в 15:39 |
|
|
Использование внешних файлов в реальном мире приводит к ускорению загрузки страниц, так как файлы JavaScript и CSS кешируются браузером. JavaScript и CSS, которые внедрены в документ будут загружаться каждый раз при загрузке страницы. Это уменьшает количество необходимых запросов, но увеличивает размер HTTP документа. С другой стороны, если JavaScript и CSS находятся во внешних файлах и закешированы браузером, размер документа будет уменьшен без увеличения количества HTTP запросов. Alexasa 29.08.12 в 15:44 |
||
|
Ключевой момент, таким образом, с какой частотой кешируются внешние JavaScript и CSS компоненты по отношению к количеству запросов HTML документов. Этот фактор хоть и тяжело вычислить, но можно оценить с помощью различных методик. Если пользователь на вашем сайте просматривает за сессию несколько страниц, которые используют одни и те же скрипты и стили, то тут есть большой потенциал для использования кешируемых внешних файлов. Alexasa 29.08.12 в 15:48 |
||
|
Многие веб-сайты попадают в середину этих показателей. Для таких сайтов наилучшим решением будет хранение JavaScript и CSS во внешних файлах. Единственное исключение, когда внедрение предпочтительнее, это главная страница сайта, которая обычно имеет несколько, или даже один просмотр за сессию, и может показать лучшие показатели времени ответа пользователю при внедрении JavaScript и CSS в тело страницы. Alexasa 29.08.12 в 15:54 |
||
|
Для главных страниц, с которых обычно и начинается просмотр, существуют собственные методики уменьшения количества запросов, подобных кешированию с помощью использования внешних файлов. Одной из таких техник является включение скриптов и стилей в тело страницы, но с динамической загрузкой внешних файлов после полной загрузки страницы. Последующие страницы будут ссылаться на внешние файлы, которые уже должны быть в кэше браузера. Alexasa 31.08.12 в 15:54 |
