Какова реальная выгода от использования внешних CSS и JS с точки зрения скорости загрузки страницы?

Question

Каково реальное преимущество использования внешних CSS и JS вместо размещения кода непосредственно в ... и с точки зрения скорости загрузки страницы?

если мы контролируем весь сайт из одного файла header.php / aspx? Использование внешних файлов ускоряет загрузку страниц?

Мой вопрос касается только скорости загрузки страницы.

Answer 1

Для каждого запроса (т. Е. С точки зрения производительности загрузки страницы, равной ТОЛЬКО одной странице), вы получаете небольшую производительность, разделяя файлы. Но, глядя на производительность, вы получаете повышение производительности при загрузке нескольких страниц, использующих один и тот же JS или один и тот же CSS. В этих случаях содержимое JS / CSS загружается только один раз для всех запросов.

Хотя вы не задавали это как часть своего вопроса, это также помогает сопровождению кода. Если вы вносите одно изменение в свой CSS, и оно загружается на нескольких страницах, если вы встраиваете JS / CSS в страницу, то вы должны внести одно и то же изменение во все свои страницы.

Answer 2

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

Я только что нашел эту статью, где парень делал тесты

http://articles.sitepoint.com/article/indexing-limits-where-bots-stop

Answer 3

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

Answer 4

да, файлы css и js будут кэшироваться браузером, поэтому они загружаются только один раз.