Как я могу оптимизировать свою веб-страницу (которая довольно большая)?

Question

я работаю над веб-приложением ...

Приложение работает нормально, но проблема в том, что когда я впервые открываю приложение в браузере, оно показывает пустую страницу, мне нужно нажать обновить три или четыре раза, чтобы загрузить страницу полностью и правильно .....

Я думаю, что мое приложение слишком тяжелое для загрузки, однако, как только оно загружено, оно хорошо для запуска ....

у меня есть, вероятно, 5 файлов JavaScript размером около 1,3 МБ, а также некоторые компоненты пользовательского интерфейса .....

существует ли способ управления им, чтобы при загрузке приложения оно возвращало все приложение без необходимости снова и снова нажимать на обновление ....

есть ли способ оптимизировать эту страницу ....

пожалуйста, помогите ...

Спасибо вам заранее ...

снова привет,

есть ли способ автоматически перезагрузить страницу, если она не загружалась в первый раз?

Answer 1

• 1,3 МБ JavaScript слишком много. Попробуйте сжать свой JavaScript.
  http://jscompress.com/

• После сжатия попробуйте отложить загрузку файлов JavaScript, которые когда-либо будут возможны:

http://www.websiteoptimization.com/speed/tweak/defer/

• Запустите аддон YSlow, чтобы собрать больше информации о возможной оптимизации

http://developer.yahoo.com/yslow/

Answer 2

1. Проверьте, можете ли вы оптимизировать свой код в JavaScript.Нужны ли вам все функции, которые определены в этих 5 файлах javascript? Если нет, вы можете разделить его и загрузить, когда загружаются другие страницы, которым требуется эта функция.

2. Попробуйте выяснить, какиечасть кода делает его слишком медленным?

Answer 3

У вас минимизирован ваш javascript. Это усложняет понимание для людей, но может значительно уменьшить размер файла. Если одним из этих сценариев является jQuery, вы можете рассмотреть возможность ссылки на копию, размещенную на google, на своей странице, а не размещать ее на подаче. Сервер Google, вероятно, быстрее вашего, и многие пользователи будут иметь копию jQuery из кэша Google.

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

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

Answer 4

Самый простой способ - запустить YSlow на консоли Firefox
Вы также должны сжать свои файлы JavaScript с помощью YUI Compressor