Время выполнения Javascript очень медленное - Chrome

Question

Я создал веб-страницу с JavaScript в одном файле, но ее размер очень велик. Когда я запускаю страницу, время загрузки JavaScript очень велико в Chrome. К сведению: файл сценария, созданный из инструмента Excel, в котором есть множество скрытых полей и сценариев, но все необходимое для работы приложения.

Вы когда-нибудь проходили то же самое, и какое решение мы можем сделать для этого? Заранее спасибо.

Answer 1

Есть пара вещей, которые вы можете сделать:
- минимизируйте свои скрипты (например, с помощью компилятора Google Closure)
- объединить ваши скрипты (уменьшает количество запросов)
- включить сжатие gzip
- загрузите ваши скрипты в конце тега body
- использование CDN, предотвращает загрузку всех ваших скриптов из одного места (большинство браузеров загружают только 2 файла одновременно из одного места)

Посмотрите на плагин YSlow и Google PageSpeed, которые очень полезны для повышения производительности.

Answer 2

Запустите его через скрипт, который объединяет и минимизирует его. Сейчас есть плагины для большинства систем сборки, которые это делают. Вот так мы сжимаем около 1,5 МБ JavaScript в 500 КБ в процессе сборки.

Answer 3

Вы должны определить, что занимает время.И FF, и Chrome имеют функцию, которая показывает сетевой трафик.Взгляните также на yslow , у них есть отличное дополнение к Firebug.

Answer 4

Инструменты аудита Chome могут многое рассказать о том, почему это происходит, вам, вероятно, следует включить дополнительную информацию о:

1. сколько времени потребовалось для подключения к серверу?
2. сколько времени потребовалось для передачи контента?
3. сколько еще материалов вы загружаете на эту страницу одновременно?

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

1. убедитесь, что ваш javascript обрабатывается и используется как статический контент, например, через nginx / apache / что угодно напрямую или через cdn, не затрагивая структуру вашего приложения
2. выясните, можете ли вы использоватьCDN для обслуживания javascript, иногда даже указание различных доменных имен на ваш сервер оказывает положительное влияние, например, вместо http://example.com/blah.js -> http://cdn2.example.com/blah.js
3. убедитесь, что ваш js обслуживается с правильными заголовками срока действия, неПовторно загружайте его каждый раз, когда клиент обновляет страницу
4. Включите сжатие JS-контента
5. Сократите JS-файлы, используя разныедоступные инструменты
6. поместите свои теги сценария непосредственно перед </body>
7. исследуйте и очистите / оптимизируйте ваши загрузки и document.ready перехватывает

Answer 5

Отсутствует «общая» проблема медленной загрузки в chrome. Все будет сводиться к отдельным сценариям.

Вам необходимо определить 1) Какой скрипт вызывает медленную загрузку в процессе удаления, а затем 2) Какая часть скрипта загружается медленно, тогда вы можете предпринять действия по исправлению.

Это может включать минификацию или рефакторинг кода.

Инструменты типа fiddler2 помогут вам отследить это время, так как вы сможете просматривать время загрузки отдельных элементов страницы.

Answer 6

Объедините ваши скрипты в как можно меньше файлов и уменьшите их. Также загрузите сценарии в конце вашей страницы.