Скорость страницы при добавлении внешних файлов js и css

Question

Я просто хотел бы узнать, кто хорошо документировал, если у меня есть 10 js / css внешних файлов для добавления на моем сайте, лучше сжать их только в 1 файл или хорошо иметь 10,20 внешнего источника ссылки в любом случае с точки зрения скорости страницы?

Я также спрашиваю об этом, потому что, используя как Firebug Google Speed ​​Page, так и Yahoo Yslow Speed ​​Speed, они конфликтуют в этом, Google говорит, что отдельные файлы, Yahoo говорит, сжать все в одном: | .. обычно я бы доверял bigG, но кто знает: |

Answer 1

Одним из ключевых улучшений производительности, которое вы можете сделать, является уменьшение количества HTTP-запросов. Каждый внешний ресурс означает один дополнительный запрос, поэтому их группировка положительно повлияет на производительность страницы.

Если вы хотите узнать больше о производительности интерфейса, посмотрите Steve Souders 'книги. Вы можете найти упрощенный обзор тем в книгах на Yahoo! Сеть разработчиков (он был в Yahoo!, когда писал первую книгу).

Answer 2

Прежде всего, сжатие файлов - это (почти) хорошая идея.Как с использованием определенных JS и / или CSS-компрессоров, так и с использованием сжатия GZIP на уровне HTTP.

Решить, объединять файлы или нет, не так просто;вам нужно совмещать разные цели:

1. Минимизировать общее количество загруженных байтов;это включает проверку того, что файлы могут быть извлечены из кэша
2. Убедитесь, что загруженные файлы поступают как можно меньше запросов.

Объединение файлов оптимизируется для # 2, но может быть наСтоимость № 1.Если на разных страницах используются разные CSS / JS, то на каждой странице может быть свой комбинированный файл (перестановка файлов компонентов), что делает невозможным кэширование.

Быстрое и грязное решение состоит в том, чтобы включить весь общий JavaScript иCSS используется на всех страницах в двух отдельных сжатых файлах (один JS, один CSS).Если ваши посетители останутся на вашем сайте дольше, они получат наилучшие впечатления, поскольку все CSS / JS необходимо загружать только один раз, и один раз - как можно быстрее.

Answer 3

Убедитесь, что у вас установлены аддоны Google Page Speed, YSlow и Firebug, а затем используйте их. Они помогут вам сделать ваш сайт быстрее.

Answer 4

Если вы объединяете свои скрипты в один скрипт на одном хосте, и этот хост работает медленно - ваша страница будет работать медленно. Если ваш сценарий разбит на несколько сценариев, размещенных в CDN с различными поддоменами для сценариев, ваш браузер загрузит больше из них в параллельно . Читайте этот сайт, чтобы увеличить время загрузки. В нем сделан вывод, что «увеличение числа параллельных загрузок может увеличить задержку веб-страницы на 40%. Вы можете использовать два или три имени хоста для обслуживания объектов с одного сервера, чтобы обмануть браузеры и использовать несколько потоков».