Увеличение времени загрузки страницы - PullRequest
Новая
       12

Увеличение времени загрузки страницы

1 голос
/ 12 ноября 2011

У меня есть файл исходного кода JavaScript, который составляет около 32 КБ, и имеет код JavaScript, упорядоченный по модулям.Мне было интересно, увеличит ли это время загрузки страницы, если я поместу каждый модуль в отдельный файл, так как управление текущим кодом из более чем 2000 строк довольно утомительно, а иногда и сбивает с толку

1 Ответ

5 голосов
/ 12 ноября 2011

Краткий ответ, да и нет. Если у вас есть тег <script>, указывающий на каждый файл модуля, то да, это замедлит страницу из-за увеличенного количества сетевых обращений к этим файлам. Реальный ответ - это то, как вы должны его кодировать, но это не тот способ, которым вы должны предоставить его своему пользователю.

Я рекомендую инструмент под названием Minify, который объединит и сократит все ваши файлы JS, поэтому вам нужен только один <script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script> тег

Вы также можете управлять «группами» файлов, которые являются просто массивами PHP с ассоциативным ключом, на который вы ссылаетесь в скрипте src. Например: 

'module_js' => array(
            '//js/module1.js',
            '//js/module2.js',
            '//js/module3.js'
            )

Тогда ваш тег скрипта будет выглядеть так: 

<script src="/min/g=module_js" type="text/javascript"></script>

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

http://code.google.com/p/minify/

...